Update some style on modal and notes . .

erlankurnia · Nov 9, 2024 · b29118d · b29118d
1 parent 2c373f3
commit b29118d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ModalComponent.vue b/src/components/ModalComponent.vue
@@ -26,9 +26,9 @@
                     <div class="absolute top-0 border-b-[2px] border-quaternary dark:border-quaternaryDark w-full h-px">
                     </div>
                     <button type="button"
-                        class="p-1 m-3 text-xl font-bold bg-transparent border-2 rounded-full cursor-pointer lan-text-primary"
+                        class="p-2 m-3 text-xl font-bold bg-transparent border-2 rounded-full cursor-pointer lan-text-primary"
                         @click="onCloseModal()">
-                        <CloseIcon class="w-auto h-8"></CloseIcon>
+                        <CloseIcon class="w-auto h-6"></CloseIcon>
                     </button>
                 </section>
                 <!-- Modal Footer -->

diff --git a/src/views/NotesView.vue b/src/views/NotesView.vue
@@ -16,7 +16,7 @@
 				<div class="w-full max-w-4xl px-3 mx-auto sm:px-6" v-if="dataUser.notes.articles.length > 0">
 					<transition-group name="slide-right" tag="ul" class="flex flex-col gap-8">
 						<li v-for="(data, index) in dataUser.notes.articles" :key="index"
-							class="flex flex-col w-full h-auto px-4 py-3 rounded-xl hover:bg-quaternary dark:hover:bg-quaternaryDark">
+							class="flex flex-col w-full h-auto px-4 py-3 transition duration-500 rounded-xl hover:bg-quaternary dark:hover:bg-quaternaryDark">
 							<RouterLink
 								v-if="(($route.params == null || ('' + $route.params.filter) == '') || data.topics?.includes($route.params.filter)) && $route.meta.url?.article"
 								:to="$route.meta.url.article + '/' + data.id + '/' + data.title">