khairul169/honey
1
0
Fork 0
mirror of https://github.com/khairul169/honey.git synced 2025-04-28 14:59:32 +07:00
Code Issues Actions Packages Projects Releases Wiki Activity

Settings: change layout

Browse Source
This commit is contained in:
Daniel 2023-03-17 19:20:15 +01:00
parent cd88b583d1
commit 26890b9145
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/main.css
View File

@ -347,15 +347,16 @@ a.box {
} }
.settings { .settings {
margin: 12px 16px 32px; margin: 4px 8px 24px;
display: flex;
justify-content: center;
} }
.setting { .setting {
background: var(--bg2); background: var(--bg2);
max-width: 640px; max-width: 192px;
width: 100%;
border-radius: 16px; border-radius: 16px;
margin: 8px auto; margin: 8px;
display: flex;
align-items: center;
padding: 12px; padding: 12px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
@ -364,9 +365,13 @@ a.box {
.setting:hover { .setting:hover {
background: #DDD8; background: #DDD8;
} }
.setting div {
display: block;
text-align: center;
}
.setting .icon { .setting .icon {
margin-right: 8px; margin: 12px;
padding: 12px; font-size: 36px;
} }
.setting.checked { .setting.checked {
color: #EEE; color: #EEE;

8
index.html
View File

@ -92,19 +92,11 @@
<div class="settings"> <div class="settings">
<div class="setting" onclick="switch_theme()" id="setting-theme"> <div class="setting" onclick="switch_theme()" id="setting-theme">
<div class="icon">dark_mode</div> <div class="icon">dark_mode</div>
<div class="text">
<div class="name">Dark mode</div> <div class="name">Dark mode</div>
<div class="desc">Whether to show dark background & wallpaper.</div>
</div>
<div class="value"></div>
</div> </div>
<div class="setting" onclick="new_tab_toggle()" id="setting-newtab"> <div class="setting" onclick="new_tab_toggle()" id="setting-newtab">
<div class="icon">open_in_new</div> <div class="icon">open_in_new</div>
<div class="text">
<div class="name">Open in new tab</div> <div class="name">Open in new tab</div>
<div class="desc">Whether to open services in new tab by default.</div>
</div>
<div class="value"></div>
</div> </div>
</div> </div>
</div> </div>