From 7da7fd4e07a9ee644cc7690896065f15d1638951 Mon Sep 17 00:00:00 2001 From: Maddy <113420588+MaddyPaddy2001@users.noreply.github.com> Date: Sat, 6 Apr 2024 16:10:50 +0200 Subject: [PATCH] Add new layout to the quizzes in OverviewQuizView.vue --- FullstackProsjekt/src/frontend/src/assets/main.css | 9 ++++++++- .../src/components/shared/create-quiz/QuizCard.vue | 8 +++++--- .../src/frontend/src/views/OverviewQuizView.vue | 3 --- 3 files changed, 13 insertions(+), 7 deletions(-) diff --git a/FullstackProsjekt/src/frontend/src/assets/main.css b/FullstackProsjekt/src/frontend/src/assets/main.css index 0fdbc41..690e042 100644 --- a/FullstackProsjekt/src/frontend/src/assets/main.css +++ b/FullstackProsjekt/src/frontend/src/assets/main.css @@ -4,7 +4,6 @@ body { background-color: #F2F2F2; } - input { padding: 5px; border-radius: 5px; @@ -76,6 +75,14 @@ select{ color: #FFFFFF; border-radius: 10px; } +.play-btn:hover { + background-color: #425575; + transition: 0.4s ; +} +.play-btn:active{ + background-color: #425575; + transition: 0.2s ; +} .edit-btn{ padding: 10px; text-decoration: none; diff --git a/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue b/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue index a56765a..bb4ef37 100644 --- a/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue +++ b/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue @@ -68,9 +68,7 @@ export default { </template> <style> -.overViewQuestion-page{ - padding: 50px; -} + .quiz-header{ display: flex; @@ -89,4 +87,8 @@ export default { padding-left: 25px; padding-right: 25px; } + +.play-btn { + margin-right: 10px; +} </style> \ No newline at end of file diff --git a/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue b/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue index 3ce325d..a72fd5f 100644 --- a/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue +++ b/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue @@ -79,8 +79,5 @@ export default { justify-content: space-between; } -#quizCard { - width: calc(50% - 10px); -} </style> \ No newline at end of file -- GitLab