Add text review field with styling to review form

2025-05-04 22:57:42 +03:00
parent 4576954f80
commit fa7fe83866
1 changed files with 12 additions and 0 deletions
@@ -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>