Created the SoftwareGrid styles.sass

2023-06-01 19:48:29 +02:00
parent 62671eba0a
commit 75a5381426
1 changed files with 36 additions and 0 deletions
--- a/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/styles.sass
+++ b/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/styles.sass
@ -0,0 +1,36 @@
+@import "@/common/styles/colors"
+
+.software-grid
+  display: flex
+  gap: 1rem
+  flex-wrap: wrap
+
+.software-item
+  display: flex
+  flex-direction: column
+  gap: 0.4rem
+  width: 5rem
+  height: 5rem
+  border: 2px solid $dark-gray
+  align-items: center
+  justify-content: center
+  padding: 1rem 1rem
+  border-radius: 0.8rem
+  cursor: pointer
+  user-select: none
+
+  img
+    width: 4rem
+    height: 4rem
+
+  & p
+    margin: 0
+    color: $gray
+    font-size: 14pt
+    font-weight: 700
+
+  &:hover
+    border: 2px solid $primary
+
+.software-item-active
+  border: 2px solid $primary