Me top tier web developer

It does something, kinda works ig XD
Fixed images in Showcase (a bit)
Also me tired, so no more code for today
This commit is contained in:
Cyril Šebek 2024-06-03 21:13:21 +02:00
parent fb2a983a91
commit 236c42e4d3
Signed by: blboun3
SSH Key Fingerprint: SHA256:n9dMtOPzgsD+CCerUJslEnU2dzVanbaIv0XDQVRVjeg
4 changed files with 2 additions and 22 deletions

@ -1,9 +1,6 @@
--- ---
import SinglePage from "../layouts/SinglePage.astro"; import SinglePage from "../layouts/SinglePage.astro";
import { ShowcaseTabs } from "./ShowcaseTabs.jsx"; import { ShowcaseTabs } from "./ShowcaseTabs.jsx";
import { dictionary } from "../i18n/dictionary";
const { title, description } = dictionary[Astro.currentLocale];
--- ---
<SinglePage> <SinglePage>

@ -28,7 +28,7 @@ export function ShowcaseTabs({ currentLocale }) {
))} ))}
</TabsList> </TabsList>
{showcase.map((item) => ( {showcase.map((item) => (
<TabsContent value={item.value} className="h-full" key={item.value}> <TabsContent value={item.value} className="h-full max-h-[92%]" key={item.value}>
<Card className="h-[90%] my-auto"> <Card className="h-[90%] my-auto">
<CardHeader> <CardHeader>
<CardTitle>{item.title}</CardTitle> <CardTitle>{item.title}</CardTitle>
@ -41,7 +41,7 @@ export function ShowcaseTabs({ currentLocale }) {
<img <img
src={item.image} src={item.image}
alt={item.imageAlt} alt={item.imageAlt}
className="object-cover h-full w-full rounded-lg " className="object-fit h-full w-full rounded-lg"
/> />
</div> </div>
</CardContent> </CardContent>

@ -10,7 +10,6 @@ import {
Card, Card,
CardContent, CardContent,
CardDescription, CardDescription,
CardFooter,
CardHeader, CardHeader,
CardTitle, CardTitle,
} from "../../../components/ui/card"; } from "../../../components/ui/card";

@ -1,16 +0,0 @@
---
import MainLayout from '../../../../layouts/MainLayout.astro';
import SinglePage from '../../../../layouts/SinglePage.astro';
//@ts-ignore
import { dictionary } from "../../../../i18n/dictionary";
import { LANGUAGES } from '../../../../i18n/utils';
const { title, description } = dictionary[Astro.currentLocale];
const { tag } = Astro.params;
---
<MainLayout title={title} description={description} lang={Astro.currentLocale}>
<SinglePage>
<p>Posts tagged with {tag}</p>
</SinglePage>
</MainLayout>