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

Byebye font size selector

This commit is contained in:
DrMint 2024-01-29 05:03:32 +01:00
parent e5892eea2f
commit 4408ac64d7
4 changed files with 8 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/AppLayout/components/Html.astro
View File

@ -18,7 +18,6 @@ const prefTheme = Astro.cookies.get("al_pref_theme")?.value;
<html <html
lang="en" lang="en"
style={{ fontSize: "200%" }}
class:list={{ class:list={{
"manual-theme": prefTheme !== undefined, "manual-theme": prefTheme !== undefined,
"light-theme": prefTheme === "light", "light-theme": prefTheme === "light",

31
src/components/AppLayout/components/Topbar.astro
View File

@ -1,7 +1,6 @@
--- ---
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
import Button from "components/Button.astro"; import Button from "components/Button.astro";
import ButtonGroup from "components/ButtonGroup.astro";
import Tooltip from "pages/_components/Tooltip.astro"; import Tooltip from "pages/_components/Tooltip.astro";
import astroConfig from "astro.config"; import astroConfig from "astro.config";
@ -47,7 +46,7 @@ const currentLocate = Astro.currentLocale ?? "en";
<div id="toolbar"> <div id="toolbar">
<Button icon="material-symbols:search" ariaLabel="Search on this website" /> <Button icon="material-symbols:search" ariaLabel="Search on this website" />
<div class="separator"></div> <div class="separator"></div>
<Tooltip class="xs-not"> <Tooltip>
<Fragment slot="tooltip-content"> <Fragment slot="tooltip-content">
<a href="?action-theme=dark">Dark</a> <a href="?action-theme=dark">Dark</a>
<a href="?action-theme=auto">Auto</a> <a href="?action-theme=auto">Auto</a>
@ -59,35 +58,13 @@ const currentLocate = Astro.currentLocale ?? "en";
/> />
</Tooltip> </Tooltip>
<ButtonGroup
buttons={[
{
icon: "material-symbols:text-decrease",
ariaLabel: "Decrease text size",
href: "?action-fontsize-increase=1",
},
{
icon: "material-symbols:text-increase",
ariaLabel: "Increase text size",
href: "?action-fontsize-decrease=1",
},
]}
/>
<Button <Button
class="s-only" class="m-only"
icon={[
"material-symbols:translate",
"material-symbols:currency-exchange",
]}
ariaLabel="Select preferred language/currency"
/>
<Button
class="m-only s-not"
icon="material-symbols:translate" icon="material-symbols:translate"
ariaLabel="Select preferred language" ariaLabel="Select preferred language"
/> />
<Button <Button
class="m-only s-not" class="m-only"
icon="material-symbols:currency-exchange" icon="material-symbols:currency-exchange"
ariaLabel="Select preferred currency" ariaLabel="Select preferred currency"
/> />
@ -182,7 +159,7 @@ const currentLocate = Astro.currentLocale ?? "en";
height: 2em; height: 2em;
background-color: var(--color-base-700); background-color: var(--color-base-700);
@media (max-width: 30rem) { @media (max-width: 20rem) {
display: none; display: none;
} }
} }

2
src/middleware.ts
View File

@ -30,7 +30,7 @@ export const langMiddleware = defineMiddleware(
return redirection(redirectURL); return redirection(redirectURL);
} }
if (actionLang && actionLang !== cookiePreferredLocale) { if (actionLang) {
const pathnameWithoutLocale = url.pathname.substring( const pathnameWithoutLocale = url.pathname.substring(
currentLocale.length + 1 currentLocale.length + 1
); );

6
src/pages/_components/LinkCard.astro
View File

@ -38,14 +38,14 @@ const { icon, subtitle, title, href } = Astro.props;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 2px; gap: 0.15em;
& > h3 { & > h3 {
font-size: 2em; font-size: 1.5em;
} }
& > p { & > p {
font-size: 14px; font-size: 0.8em;
margin-left: 2px; margin-left: 2px;
} }
} }