marcel/zoraxy
1
0
Fork 0
mirror of https://github.com/tobychui/zoraxy.git synced 2025-09-20 11:09:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #827 from Saeraphinx/webui-style-changes

Browse Source 
Update Sidebar CSS
This commit is contained in:
Toby Chui
2025-09-20 12:32:42 +08:00
committed by GitHub
parent 0805da9d13 53c73e1e77
commit 1faaae21d7
3 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/web/darktheme.css
View File

@@ -336,7 +336,7 @@ body.darkTheme .ui.segment.advanceoptions {
body.darkTheme .ui.segment{ body.darkTheme .ui.segment{
background-color: transparent !important; background-color: transparent !important;
color: var(--text_color) !important; color: var(--text_color) !important;
border: 1px solid transparent !important; border: 0 /*solid transparent*/ !important;
} }
body.darkTheme .sub.header { body.darkTheme .sub.header {

2
src/web/index.html
View File

@@ -173,7 +173,7 @@
</div> </div>
<br><br> <br><br>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui container" style="color: grey; font-size: 90%"> <div class="ui container" style="color: grey; font-size: 90%; padding-bottom: 1em;">
<p><a href="https://zoraxy.aroz.org" target="_blank">Zoraxy</a> <span class="zrversion"></span> © 2021 - <span class="year"></span> tobychui. Licensed under AGPL</p> <p><a href="https://zoraxy.aroz.org" target="_blank">Zoraxy</a> <span class="zrversion"></span> © 2021 - <span class="year"></span> tobychui. Licensed under AGPL</p>
</div> </div>

15
src/web/main.css
View File

@@ -72,15 +72,17 @@ body.darkTheme .menubar{
width: 240px; width: 240px;
position: sticky; position: sticky;
top: 4em; top: 4em;
padding: 0 1em;
} }
.contentWindow{ .contentWindow{
display: inline-block; display: inline-block;
width: calc(100% - 240px); width: calc(100% - 244px);
vertical-align: top; vertical-align: top;
background-color: var(--theme_bg_primary); background-color: var(--theme_bg_primary);
border-radius: 1em; border-radius: 1em;
margin-right: 2em; margin-right: 1em;
flex-shrink: 0;
} }
.menutoggle{ .menutoggle{
@@ -309,8 +311,17 @@ body.darkTheme .menubar{
font-size: 0.8em !important; font-size: 0.8em !important;
color: #9c9c9c !important; color: #9c9c9c !important;
padding-left: 0.6em; padding-left: 0.6em;
/* fix the divider being really weird in the sidebar menu */
margin: 1rem 0 0.25rem 0 !important;
height: 2em !important;
border-bottom: 1px solid rgba(34,36,38,.15) !important;
border-top: 1px solid rgba(255,255,255,.1) !important;
} }
body.darkTheme .menudivider{
border-bottom: 1px solid rgba(255,255,255,.15) !important;
border-top: 1px solid rgba(34,36,38,.1) !important;
}
/* /*
Global rules overwrite Global rules overwrite
*/ */