feat: improve Tags style

Rule-34 · Apr 11, 2023 · e4e2982 · e4e2982
1 parent ddb5226
commit e4e2982
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -56,7 +56,7 @@
 
   /*  */
   .tag-container {
-    @apply flex flex-wrap content-start items-start gap-2 overflow-hidden bg-darkGray-500 p-2;
+    @apply flex flex-wrap content-start items-start gap-2 overflow-hidden bg-darkGray-700 p-2;
   }
 
   /*  */
@@ -65,7 +65,7 @@
     * NOT TO BE USED DIRECTLY AS CSS
     * IN CLASSES IT SHOULD BE USED WITH `.link`
     */
-    @apply select-none overflow-hidden rounded-none px-1.5 py-0.5 text-gray-300 leading-normal bg-darkGray-300 rounded-lg;
+    @apply select-none overflow-hidden rounded-none px-1.5 py-0.5 text-gray-300 leading-normal bg-darkGray-100 rounded-lg;
   }
 
   /* Active tags */

diff --git a/components/pages/posts/navigation/search/Search.vue b/components/pages/posts/navigation/search/Search.vue
@@ -77,7 +77,7 @@
 					</div>
 
 					<!-- Search results -->
-					<div class="material-container relative flex h-full flex-col space-y-2 p-2">
+					<div class="material-container relative flex h-full flex-col space-y-2 bg-darkGray-700 p-2">
 						<!-- If nothing searched -->
 						<template v-if="!searchResults.length && !search.activeTags.length">
 							<h1 class="flex flex-auto items-center justify-center text-xl font-light tracking-wide text-gray-200">
@@ -103,7 +103,7 @@
 
 							<!-- Searched tags, click them to add them -->
 							<template v-if="searchResults.length">
-								<div class="tag-container flex-auto overflow-y-scroll rounded border-0 border-darkGray-100">
+								<div class="tag-container flex-auto overflow-y-scroll rounded border-0">
 									<!-- Add tag to array of added tags -->
 									<button
 										v-for="tag in searchResults"

diff --git a/components/pages/posts/post/Post.vue b/components/pages/posts/post/Post.vue
@@ -66,7 +66,7 @@
 						<!-- Workaround for content not jumping is having a div before -->
 						<div v-if="isActive">
 							<!-- Action bar -->
-							<div class="flex items-center justify-evenly bg-darkGray-100">
+							<div class="flex items-center justify-evenly bg-darkGray-500">
 								<!-- Actions -->
 								<!-- Saucenao -->
 								<template v-if="!isVideo">
@@ -131,7 +131,7 @@
 			<!-- Source -->
 			<template v-if="post.data.sources.length">
 				<!-- -->
-				<div class="w-full text-center">
+				<div class="w-full bg-darkGray-500 text-center">
 					<!-- If text is an URL then make it a link -->
 					<template v-if="isSourceAnUrl">
 						<a