From fa7fe83866941d6542cd5564ce714b89be42edd3 Mon Sep 17 00:00:00 2001
From: Esa Kataja <ekataja@gmail.com>
Date: Sun, 4 May 2025 22:57:42 +0300
Subject: [PATCH] Add text review field with styling to review form

---
 pages/review/[id].vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/pages/review/[id].vue b/pages/review/[id].vue
index e8c2d81..0cd12a8 100644
--- a/pages/review/[id].vue
+++ b/pages/review/[id].vue
@@ -106,6 +106,8 @@ const submitReview = () => {
             <ReviewSlider id="song" category="Kappale"/>
             <ReviewSlider id="show" category="Lava show"/>
             <ReviewSlider id="costume" category="Asuste"/>
+            <label for="text_review">Arvostelu</label>
+            <textarea id="text_review" placeholder="Arvostelu" class="textfield" />
             <button type="submit" class="btn-primary">Arvostele</button>
         </form>
     </div>
@@ -129,4 +131,14 @@ const submitReview = () => {
     font-size: 0.8rem;
     text-align: center;
 }
+
+.textfield {
+    border: none;
+    border-bottom: 1px solid #ccc;
+    max-width: 80%;
+    padding: 6px;
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 6px;
+    
+}
 </style>
\ No newline at end of file