Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues2 Pull requests Releases11 Packages1 Activity Actions

Simplify css

Browse source
This commit is contained in:
Neshura 2024-01-04 00:51:27 +01:00
parent 7632941962
commit c71684b7d9
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
2 changed files with 16 additions and 20 deletions
src/lib/components
ServiceCard.svelte

14
src/lib/components/ServiceCard.svelte
View file

@ -89,7 +89,7 @@
{:else}{/if}
<a
href={service.href}
class="font-bold text-accent {hover.title ? 'text-primary' : 'text-secondary'}"
class="font-bold {!hover.title || 'text-secondary'}"
>{service.name}</a
>
{#if hover.title}
@ -98,7 +98,7 @@
class="grid items-center"
>
<OpenInNewWindow
color={hover.title ? 'hsl(var(--primary))' : 'hsl(var(--secondary)'}
color={hover.title ? 'hsl(var(--secondary))' : 'hsl(var(--primary)'}
class="self-center"
/>
</div>
@ -138,11 +138,11 @@
: 'Loading'}
</h1>
</div>
<p class="text-wrap text-center text-sm text-accent">{service.desc}</p>
<p class="text-wrap text-center text-sm">{service.desc}</p>
<p class="text-center text-sm font-bold text-destructive">{service.warn}</p>
<div class="grid {service.extLink ? 'grid-cols-2' : 'grid-cols-1'} mt-auto justify-items-center">
<a
class="flex flex-row rounded-md border-x-2 px-2 text-sm text-accent hover:border-primary hover:text-primary"
class="flex flex-row rounded-md border-x-2 px-2 text-sm hover:border-secondary hover:text-secondary"
href={service.href}
on:mouseover={() => (hover.link = true)}
on:mouseleave={() => (hover.link = false)}
@ -154,7 +154,7 @@
class="grid items-center pl-1 pr-0"
>
<OpenInNewWindow
color={hover.link ? 'hsl(var(--primary))' : 'hsl(var(--secondary)'}
color={hover.link ? 'hsl(var(--secondary))' : 'hsl(var(--primary)'}
class="self-center"
/>
</div>
@ -162,7 +162,7 @@
</a>
{#if service.extLink}
<a
class="flex flex-row rounded-md border-x-2 px-2 text-sm text-accent hover:border-primary hover:text-primary"
class="flex flex-row rounded-md border-x-2 px-2 text-sm hover:border-secondary hover:text-secondary"
href={service.extLink}
on:mouseover={() => (hover.ext = true)}
on:mouseleave={() => (hover.ext = false)}
@ -174,7 +174,7 @@
class="grid items-center pl-1 pr-0"
>
<OpenInNewWindow
color={hover.ext ? 'hsl(var(--primary))' : 'hsl(var(--secondary)'}
color={hover.ext ? 'hsl(var(--secondary))' : 'hsl(var(--primary)'}
class="self-center"
/>
</div>