martials/old.martials.no
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed link colour to cyan and changed cards to be same w and h, with centered text

Browse Source
This commit is contained in:
Martin Berg Alstad 2022-12-21 21:58:15 +01:00
parent b62f2611ea
commit ac8d7936da
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/card.tsx
View File

@ -9,7 +9,7 @@ const Card: Component<CardProps> = ({ children, className, title, to, newTab = f
<>
<Link className={ "text-white" } to={ to } newTab={ newTab }>
<div
class={ `relative bg-gradient-to-r from-cyan-600 to-cyan-500 min-w-64 rounded-2xl ${ className }` }>
class={ `relative bg-gradient-to-r from-cyan-600 to-cyan-500 h-32 w-64 rounded-2xl ${ className }` }>
<div class="relative p-5">
<H3 className={ "text-center" }>{ title }</H3>
{ children }

2
src/index.css
View File

@ -10,7 +10,7 @@
}
.link {
@apply hover:underline text-blue-500;
@apply hover:underline text-cyan-500;
}
}

2
src/index.tsx
View File

@ -26,7 +26,7 @@ const HomePage: Component = () => {
<div class={ "flex flex-wrap justify-center mt-10" }>
<For each={ cards }>
{ card =>
<Card title={ card.title } className={ "m-4" } to={ card.to }>{ card.children }</Card>
<Card title={ card.title } className={ "m-4 text-center" } to={ card.to }>{ card.children }</Card>
}
</For>
</div>