feat(ui): use neobrutalist shadow

lemredd · Jan 21, 2023 · e9b3ed0 · e9b3ed0
1 parent 8b11813
commit e9b3ed0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/components/CalculatorContainer/HistoryContainer.vue b/src/components/CalculatorContainer/HistoryContainer.vue
@@ -132,7 +132,7 @@ function revertToChosenHistory(historyItem: HistoryItem) {
 		max-height: 100vh;
 
 		.history-list-wrapper {
-			@apply border border-black rounded-md;
+			@apply border-2 border-black;
 			@apply p-4;
 			@apply bg-white;
 			height: 100%;

diff --git a/src/style.scss b/src/style.scss
@@ -30,23 +30,28 @@ body {
 			display: block;
 			min-width: 300px;
 		}
-
 	}
 }
 
+.rim, .history-list-wrapper {
+	@apply shadow-neobrut rounded-md;
+}
+
 .rim {
 	@apply bg-white;
-	@apply rounded-md;
 	height: 100%;
-
 	&> .calculator-container {
-		@apply border border-black rounded-md;
+		@apply border-2 border-black rounded-md;
 		@apply p-4;
 	}
 }
 
 button:not(.no-border) {
 	@apply m-[1px] px-2 py-1;
-	@apply border border-neutral-800 rounded-md;
-	@apply text-xl text-neutral-800;
+	@apply border border-black rounded-md;
+	@apply text-xl text-black;
+
+	&:hover {
+		@apply bg-calculator-candy;
+	}
 }