CHORE: Updated Gallery to use grid. Made card component mode modular. Added colour to the skills section of the page.

This commit is contained in:
2025-05-24 11:46:33 +01:00
parent 25f3db52ec
commit 67f9844534
8 changed files with 73 additions and 60 deletions

View File

@@ -1,5 +1,6 @@
<script lang="ts">
export let value: number = 0; // 0 to 100
export let skillColour: string = 'bg-orange-400'; // Default color
</script>
<div class="w-full mt-3">
@@ -9,7 +10,7 @@
</div>
<div class="w-full bg-gray-800 rounded-full h-5">
<div
class="bg-orange-400 h-5 rounded-full transition-all duration-500"
class="{skillColour} h-5 rounded-full transition-all duration-500"
style="width: {value}%"
></div>
</div>