Accords-Library-Archive/accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Fix when switch label is too long

Browse Source
This commit is contained in:
DrMint 2022-05-17 21:42:03 +02:00
parent 2b3ecc665c
commit 53a4b2d2c0
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/library/index.tsx
View File

@ -111,23 +111,23 @@ export default function Library(props: Immutable<Props>): JSX.Element {
/>
</div>
<div className="flex flex-row gap-2 place-items-center">
<p className="flex-shrink-0">{langui.show_subitems}:</p>
<div className="flex flex-row gap-2 place-items-center place-content-between">
<p className="text-left">{langui.show_subitems}:</p>
<Switch state={showSubitems} setState={setShowSubitems} />
</div>
<div className="flex flex-row gap-2 place-items-center">
<p className="flex-shrink-0">{langui.show_primary_items}:</p>
<div className="flex flex-row gap-2 place-items-center place-content-between">
<p className="text-left">{langui.show_primary_items}:</p>
<Switch state={showPrimaryItems} setState={setShowPrimaryItems} />
</div>
<div className="flex flex-row gap-2 place-items-center">
<p className="flex-shrink-0">{langui.show_secondary_items}:</p>
<div className="flex flex-row gap-2 place-items-center place-content-between">
<p className="text-left">{langui.show_secondary_items}:</p>
<Switch state={showSecondaryItems} setState={setShowSecondaryItems} />
</div>
<div className="flex flex-row gap-2 place-items-center coarse:hidden">
<p className="flex-shrink-0">{langui.always_show_info}:</p>
<div className="flex flex-row gap-2 place-items-center coarse:hidden place-content-between">
<p className="text-left">{langui.always_show_info}:</p>
<Switch setState={setKeepInfoVisible} state={keepInfoVisible} />
</div>
</SubPanel>