auxolotl/website
24
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(i18n): make outdated banner stand out

Browse source 
Co-authored-by: ~hedy <hedyhyry@gmail.com>
This commit is contained in:
Florian Warzecha 2024-05-13 23:13:58 +02:00
parent 2a3b84d38f
commit 0f193b08e5
Signed by: liketechnik
GPG key ID: 4BE8C7D97F910C60
2 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/home/Home.astro
View file

@ -12,15 +12,9 @@ import { isOutdated as i18nIsOutdated } from "../../i18n/utils";
--- ---
<main class="grid place-items-center"> <main class="grid place-items-center">
<Hero /> {i18nIsOutdated(lang) && <I18nOutdated />}
{ <Hero />
i18nIsOutdated(lang) && (
<div class="prose prose-invert py-16 px-4 max-w-4xl">
<I18nOutdated />
</div>
)
}
<div class="prose prose-invert py-16 px-4 max-w-4xl"> <div class="prose prose-invert py-16 px-4 max-w-4xl">
<Values /> <Values />

6
src/components/i18n/Outdated.astro
View file

@ -6,7 +6,11 @@ const { lang } = Astro.params as Params;
const translation = useTranslations(lang); const translation = useTranslations(lang);
--- ---
<section id="i18n-outdated"> <section
id="i18n-outdated"
class="prose prose-invert w-full max-w-4xl bg-yellow-800 bg-opacity-50 border-l-4 border-orange-500 text-orange-100 p-4"
role="alert"
>
<h2>{translation("i18n-outdated.title")}</h2> <h2>{translation("i18n-outdated.title")}</h2>
<p class="description"> <p class="description">
{translation("i18n-outdated.description")} {translation("i18n-outdated.description")}