Created the ActionCard styles.sass

2023-06-09 00:04:18 +02:00 · 2023-06-09 00:04:18 +02:00 · 0778850d4d
commit 0778850d4d
parent 12936699ef
1 changed files with 27 additions and 0 deletions
--- a/webui/src/pages/Home/components/ActionCard/styles.sass
+++ b/webui/src/pages/Home/components/ActionCard/styles.sass
@ -0,0 +1,27 @@
+@import "@/common/styles/colors"
+
+.action-card
+  display: flex
+  flex-direction: column
+  background-color: $background
+  padding: 2rem 0
+  backdrop-filter: blur(10px)
+  border: 2px solid $border
+  border-radius: 1rem
+  width: 13rem
+  text-align: center
+  gap: 2rem
+  transition: transform 0.2s ease-in-out
+  cursor: pointer
+  user-select: none
+
+  svg
+    font-size: 52pt
+    color: $white
+
+  h1
+    margin: 0
+    color: $white
+
+  &:hover
+    transform: scale(1.1)