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

8
index.html
View File

@ -92,19 +92,11 @@
<div class="settings">
<div class="setting" onclick="switch_theme()" id="setting-theme">
<div class="icon">dark_mode</div>
<div class="text">
<div class="name">Dark mode</div>
<div class="desc">Whether to show dark background & wallpaper.</div>
</div>
<div class="value"></div>
</div>
<div class="setting" onclick="new_tab_toggle()" id="setting-newtab">
<div class="icon">open_in_new</div>
<div class="text">
<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>