From 40b991713b3adc17ddbe1e8c56943b350097cee0 Mon Sep 17 00:00:00 2001
From: Muhammad Equilibrie Fajria <104043362+MuhLibri@users.noreply.github.com>
Date: Thu, 5 Oct 2023 19:20:40 +0700
Subject: [PATCH] make edit my-review responsive
---
public/css/reviews.css | 62 +++++++++++++++++++++++++++++++++++++-
src/views/reviews/edit.php | 2 +-
2 files changed, 62 insertions(+), 2 deletions(-)
diff --git a/public/css/reviews.css b/public/css/reviews.css
index 3599256..8d6f288 100644
--- a/public/css/reviews.css
+++ b/public/css/reviews.css
@@ -157,5 +157,65 @@ input[type="radio"] {
width: 100%;
height: auto;
display: flex;
- }
+ }
}
+
+@media screen and (max-width: 600px) {
+ .edit-review-container {
+ background: var(--clr-background-surface);
+ box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);
+ padding: 0px;
+ }
+
+ .review-details {
+ width: max-content;
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+
+ .review-upper-section {
+ display: flex;
+ }
+
+ .film-poster-edit {
+ display: none;
+ }
+
+ .star-label {
+ margin-right: 5px;
+ }
+
+ .edit-star {
+ display: flex;
+ text-align: left;
+ margin-top: 40px;
+ margin-bottom: 10px;
+ }
+
+ .review-radio {
+ margin-top: 8px;
+ }
+
+ .stars-img {
+ margin-bottom: 4px;
+ }
+
+ .edit-textarea {
+ height: 70vw;
+ width:90vw;
+ background-color: var(--clr-background-disabled);
+ border:none;
+ color: white;
+ padding: 20px;
+ }
+
+ #save {
+ margin-right: 20px;
+ margin-bottom: 20px;
+ }
+
+ #delete {
+ margin-right: 20px;
+ margin-bottom: 20px;
+ }
+}
\ No newline at end of file
diff --git a/src/views/reviews/edit.php b/src/views/reviews/edit.php
index 60e1428..7a24d5f 100644
--- a/src/views/reviews/edit.php
+++ b/src/views/reviews/edit.php
@@ -38,7 +38,7 @@ function showReview($review){
</form>
<div class="btn-group">
<button type="button" class="btn-primary" id="save">Save</button>
- <button type="button" class="btn-danger" id="save">Delete</button>
+ <button type="button" class="btn-danger" id="delete">Delete</button>
<!-- <button src="/assets/app/edit.png" class="review-button">Edit</button> -->
<!-- <button class="review-button">Delete</button> -->
</div>
--
GitLab