Add artist review page and components with basic layout and styling

2025-05-04 16:34:23 +03:00
parent 92a192e002
commit 1a20721cbb
12 changed files with 281 additions and 4 deletions
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+const { category, id } = defineProps(['category', 'id'])
+</script>
+
+<template>
+    <div class="px-6">
+        <h2>{{ category }}</h2>
+        <input :id="`slider-${id}`" type="range" min="1" max="100" value="0" class="w-full"/>
+        <div class="flex justify-between">
+            <p>0</p>
+            <p class="sliderSeparator">|</p>
+            <p>25</p>
+            <p class="sliderSeparator">|</p>
+            <p>50</p>
+            <p class="sliderSeparator">|</p>
+            <p>75</p>
+            <p class="sliderSeparator">|</p>
+            <p>100</p>
+        </div>
+    </div>
+</template>
+
+<style>
+.sliderSeparator {
+    font-size: 0.8rem;
+    align-self: center;
+}
+
+</style>