From 75a5381426ab81cf666fed4b7b749a7c57fabe96 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Thu, 1 Jun 2023 19:48:29 +0200 Subject: [PATCH] Created the SoftwareGrid styles.sass --- .../components/SoftwareGrid/styles.sass | 36 +++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/styles.sass diff --git a/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/styles.sass b/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/styles.sass new file mode 100644 index 0000000..3b551b9 --- /dev/null +++ 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 \ No newline at end of file