tweak style
This commit is contained in:
parent
0b6bb6354b
commit
926fe9acad
|
@ -17,11 +17,12 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<style>
|
<style>
|
||||||
li.settings-list-item {
|
.settings-list-item {
|
||||||
border: 1px solid var(--settings-list-item-border);
|
border: 1px solid var(--settings-list-item-border);
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
.settings-list-item a {
|
.settings-list-item a {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -56,6 +57,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
.settings-list-item {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
.settings-list-item a {
|
.settings-list-item a {
|
||||||
padding: 20px 10px;
|
padding: 20px 10px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<SettingsLayout page='settings/general' label="General">
|
<SettingsLayout page='settings/general' label="General">
|
||||||
<h1>General Settings</h1>
|
<h1>General Settings</h1>
|
||||||
|
|
||||||
<h2>UI</h2>
|
<h2>UI Settings</h2>
|
||||||
<form class="ui-settings" aria-label="UI settings">
|
<form class="ui-settings" aria-label="UI settings">
|
||||||
<div class="setting-group">
|
<div class="setting-group">
|
||||||
<input type="checkbox" id="choice-autoplay-gif"
|
<input type="checkbox" id="choice-autoplay-gif"
|
||||||
|
|
Loading…
Reference in a new issue