Make tab bar scrollable and improve SD status overlaps

This commit is contained in:
Olivia Godone-Maresca 2023-03-24 23:54:31 -04:00
parent 55da2988b3
commit 2af1b5c064

View File

@ -309,8 +309,7 @@ div.img-preview img {
#server-status { #server-status {
position: absolute; position: absolute;
right: 16px; right: 16px;
top: 50%; top: 4px;
transform: translateY(-50%);
text-align: right; text-align: right;
} }
#server-status-color { #server-status-color {
@ -336,6 +335,7 @@ div.img-preview img {
position: relative; position: relative;
background: var(--background-color4); background: var(--background-color4);
display: flex; display: flex;
padding: 12px 0 0;
} }
.tab .icon { .tab .icon {
padding-right: 4pt; padding-right: 4pt;
@ -344,8 +344,7 @@ div.img-preview img {
} }
#logo { #logo {
display: inline; display: inline;
padding: 12px; padding: 0 12px 12px;
padding-top: 8px;
white-space: nowrap; white-space: nowrap;
} }
#logo h1 { #logo h1 {
@ -881,9 +880,6 @@ input::file-selector-button {
.tab .icon { .tab .icon {
padding-right: 0px; padding-right: 0px;
} }
#server-status {
top: 75%;
}
.popup > div { .popup > div {
padding-left: 5px !important; padding-left: 5px !important;
padding-right: 5px !important; padding-right: 5px !important;
@ -1126,6 +1122,8 @@ input::file-selector-button {
.tab-container { .tab-container {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
overflow-x: auto;
overflow-y: hidden;
} }
.tab { .tab {