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

View File

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

View File

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

View File

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

View File

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