OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:34:11 AM	rwxr-xr-x
📄 _authorize.scss	1.4 KB	08/07/2024 04:33:48 AM	rw-r--r--
📄 _buttons.scss	3.42 KB	08/07/2024 04:33:48 AM	rw-r--r--
📄 _errors.scss	1.13 KB	08/07/2024 04:33:48 AM	rw-r--r--
📄 _form.scss	4.22 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _information.scss	1.59 KB	08/07/2024 04:33:48 AM	rw-r--r--
📄 _layout.scss	16.89 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _markdown.scss	494 bytes	08/07/2024 04:33:49 AM	rw-r--r--
📄 _mixins.scss	3.47 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _modal.scss	1.73 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _models.scss	5.65 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _servers.scss	1.01 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _split-pane-mode.scss	47 bytes	08/07/2024 04:33:49 AM	rw-r--r--
📄 _table.scss	3.24 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _topbar.scss	2.15 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 _type.scss	358 bytes	08/07/2024 04:33:49 AM	rw-r--r--
📄 _variables.scss	7.14 KB	08/07/2024 04:33:49 AM	rw-r--r--
📄 main.scss	574 bytes	08/07/2024 04:33:48 AM	rw-r--r--

Editing: _topbar.scss

.topbar
{
    padding: 10px 0;

background-color: $topbar-background-color;
    .topbar-wrapper
    {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    @media (max-width: 550px) {
        .topbar-wrapper
        {
            flex-direction: column;
            align-items: start;
        }
    }

a
    {
        font-size: 1.5em;
        font-weight: bold;

display: flex;
        align-items: center;
        flex: 1;

max-width: 300px;

text-decoration: none;

@include text_headline($topbar-link-font-color);

span
        {
            margin: 0;
            padding: 0 10px;
        }
    }

.download-url-wrapper
    {
        display: flex;
        flex: 3;
        justify-content: flex-end;

input[type=text]
        {
            width: 100%;
            max-width: 100%;
            margin: 0;

border: 2px solid $topbar-download-url-wrapper-element-border-color;
            border-radius: 4px 0 0 4px;
            outline: none;
        }

.select-label
        {
            display: flex;
            align-items: center;

width: 100%;
            max-width: 600px;
            margin: 0;
            color: #f0f0f0;
            span
            {
                font-size: 16px;

flex: 1;

padding: 0 10px 0 0;

text-align: right;
            }

select
            {
                flex: 2;

width: 100%;

border: 2px solid $topbar-download-url-wrapper-element-border-color;
                outline: none;
                box-shadow: none;
            }
        }

.download-url-button
        {
            font-size: 16px;
            font-weight: bold;

padding: 4px 30px;

border: none;
            border-radius: 0 4px 4px 0;
            background: $topbar-download-url-button-background-color;

@include text_headline($topbar-download-url-button-font-color);
        }
    }
    @media (max-width: 550px) {
        .download-url-wrapper
        {
            width: 100%;
        }
    }
}