buzzcode2007/ShopAI-Extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adjust settings page interface to support OLED

Browse source 
add navbar and remove FAB
This commit is contained in:
buzz-lightsnack-2007 2024-04-23 16:27:59 +08:00
parent 6aef461d0d
commit 1627cbbf3b
10 changed files with 88 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

13
styles/layouts/all.collapsible.css Normal file
View file

@ -0,0 +1,13 @@
.collapsible {
border: none !important;
}
.collapsible > li {
border: 1px solid var(--separator-color);
border-bottom-width: 0px;
}
.collapsible > li:last-child {
border-bottom-width: 1px;
}

2
styles/layouts/all.css
View file

@ -1,4 +1,6 @@
@import url("/styles/layouts/all.inputs.css");
@import url("/styles/layouts/all.collapsible.css");
@import url("/styles/layouts/all.navbar.css");
fieldset {
padding: 2em !important;

24
styles/layouts/all.navbar.css Normal file
View file

@ -0,0 +1,24 @@
nav .brand-logo {
position: relative !important;
margin-top: auto !important;
margin-bottom: auto !important;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
nav .brand-logo > * {
margin-top: auto !important;
margin-bottom: auto !important;
}
nav .brand-logo > * {
margin-left: .5em !important;
}
nav .brand-logo img {
--dimension: 1.5rem;
height: var(--dimension) !important;
width: var(--dimension) !important;
}