Kessinen/Eurovision-25-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add text review field with styling to review form

Browse Source
This commit is contained in:
Esa Kataja
2025-05-04 22:57:42 +03:00
parent 4576954f80
commit fa7fe83866
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/review/[id].vue
+12
View File
@@ -106,6 +106,8 @@ const submitReview = () => {
<ReviewSlider id="song" category="Kappale"/> <ReviewSlider id="song" category="Kappale"/>
<ReviewSlider id="show" category="Lava show"/> <ReviewSlider id="show" category="Lava show"/>
<ReviewSlider id="costume" category="Asuste"/> <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> <button type="submit" class="btn-primary">Arvostele</button>
</form> </form>
</div> </div>
@@ -129,4 +131,14 @@ const submitReview = () => {
font-size: 0.8rem; font-size: 0.8rem;
text-align: center; 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> </style>