Byebye font size selector
This commit is contained in:
parent
e5892eea2f
commit
4408ac64d7
|
@ -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",
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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
|
||||
);
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue