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