fix: styles and store version number

This commit is contained in:
Yifei Zhang
2023-03-21 17:16:36 +00:00
parent 2f112ecc54
commit 76db385d6d
6 changed files with 58 additions and 249 deletions

View File

@@ -23,17 +23,19 @@
@include container();
}
.tight-container {
--window-width: 100vw;
--window-height: 100vh;
--window-content-width: calc(100% - var(--sidebar-width));
@media only screen and (min-width: 600px) {
.tight-container {
--window-width: 100vw;
--window-height: 100vh;
--window-content-width: calc(100% - var(--sidebar-width));
@include container();
@include container();
max-width: 100vw;
max-height: 100vh;
max-width: 100vw;
max-height: 100vh;
border-radius: 0;
border-radius: 0;
}
}
.sidebar {

View File

@@ -147,18 +147,6 @@ export function Settings(props: { closeSettings: () => void }) {
</select>
</ListItem>
<SettingItem title={Locale.Settings.TightBorder}>
<input
type="checkbox"
checked={config.tightBorder}
onChange={(e) =>
updateConfig(
(config) => (config.tightBorder = e.currentTarget.checked)
)
}
></input>
</SettingItem>
<SettingItem title={Locale.Settings.Lang.Name}>
<div className="">
<select
@@ -177,6 +165,20 @@ export function Settings(props: { closeSettings: () => void }) {
</select>
</div>
</SettingItem>
<div className="no-mobile">
<SettingItem title={Locale.Settings.TightBorder}>
<input
type="checkbox"
checked={config.tightBorder}
onChange={(e) =>
updateConfig(
(config) => (config.tightBorder = e.currentTarget.checked)
)
}
></input>
</SettingItem>
</div>
</List>
<List>
<SettingItem