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