DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better mobile again

Browse source
This commit is contained in:
MagicBOTAlex 2025-04-06 05:26:39 +02:00
parent a3daf3cfd5
commit 4b933b7b0e
2 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/routes/comps/Tags.svelte
View file

@ -29,6 +29,7 @@
"3dartist": "#F4881C",
"2dartist": "#F1EAC0",
"2d/3dartist": { color1: "#F1EAC0", color2: "#F4881C", rotation: "-65deg", offset: "71.5%" },
"sound/story": { color1: "#F3EC2A", color2: "#EEC12A", rotation: "-65deg", offset: "50%" },
"sounddesigner": "#F3EC2A",
"storydesigner": "#EEC12A",
"back-endadmin": "#3236a8",
@ -51,20 +52,26 @@
{@const color = colorManager.getColor(key)}
{#if key.indexOf("/") < 0}
<!-- Single Color Badge -->
<div class="badge2 text-primary-content cozette" style="background-color: {typeof color === 'string' ? color : '#ccc'};">
{tag}
<div class="badge2" style="background-color: {typeof color === 'string' ? color : '#ccc'};">
<span class="invert">
{tag}
</span>
</div>
{:else}
<!-- Gradient Badge -->
{#if typeof color === 'object' && color !== null}
<div
class="badge2 text-primary-content cozette"
class="badge2 cozette"
style="background: linear-gradient({color.rotation}, {color.color2} {color.offset}, {color.color1} {color.offset});">
{tag}
<span class="invert">
{tag}
</span>
</div>
{:else}
<div class="badge2 text-primary-content cozette" style="background-color: #ccc;">
{tag}
<div class="badge2 cozette" style="background-color: #ccc;">
<span class="invert">
{tag}
</span>
</div>
{/if}
{/if}