Merge pull request #75 from fabricadesoftware-ifc/feat-56

FIX: Fixed Answer component style #56
fabricadesoftware-ifc · Oct 16, 2024 · 799a48b · 799a48b
2 parents 8d110d1 + cba547e
commit 799a48b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/dev-dist/sw.js b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-b5f7729d'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.m21h7vj3j8o"
+    "revision": "0.clud6qfgeeo"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css
@@ -12,6 +12,7 @@
 
 #app{
     width: 100%;
+    overflow-x: hidden;
 }
 
 body, html {

diff --git a/src/components/portal/quiz/AnswerOptionsQuiz.vue b/src/components/portal/quiz/AnswerOptionsQuiz.vue
@@ -15,7 +15,7 @@ const showCorrect = ref(null)
 
 <template>
 
-        <div v-for="(item, index) in props.data_answer" :key="index" class="flex flex-nowrap w-[100%] h-auto items-center gap-4 rounded-md p-1" :class="filterAnswer(item) == undefined ? '' : item.correct ? 'bg-green-400' : 'bg-red-400'" @click="!answered ? selectAnswer(item) : ''" :style="setBackground(item)">
+        <div v-for="(item, index) in props.data_answer" :key="index" class="select-none cursor-pointer flex flex-nowrap w-[100%] h-auto items-center gap-4 rounded-[40px] px-4 py-1" :class="filterAnswer(item) == undefined ? '' : item.correct ? 'bg-green-400' : 'bg-red-400'" @click="!answered ? selectAnswer(item) : ''" :style="setBackground(item)">
           <div class="size-8 rounded-full bg-black/30 flex items-center justify-center text-white">
             {{ index }}
           </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ @@
     #app{
         width: 100%;
+        overflow-x: hidden;
     }
     body, html {
@@ Expand Down @@