From e5f8b797bbc79f8e62b542643db71a1e21b00376 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Mon, 2 Sep 2024 11:36:31 +0200
Subject: [PATCH] refactor(spinner): use data variant for styles

---
 .../LoadingSpinner/style.module.scss           | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/LoadingSpinner/style.module.scss b/src/components/LoadingSpinner/style.module.scss
index 0697f6b..e1a5978 100644
--- a/src/components/LoadingSpinner/style.module.scss
+++ b/src/components/LoadingSpinner/style.module.scss
@@ -12,20 +12,20 @@
 }
 
 .loadingSpinnerContainer {
-  width: 100%;
-  max-width: 500px;
-  margin: 25px 20px;
-
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 
-  background: $overlay-background-color;
-  box-shadow: 0 0 4px 0 rgb(0, 0, 0, 0.1);
-  border-radius: 4px;
-
-  &.withHeight {
+  &[data-variant='default'] {
+    width: 100%;
+    max-width: 500px;
+    margin: 25px 20px;
+    background: $overlay-background-color;
+    border-radius: 4px;
+    box-shadow: 0 0 4px 0 rgb(0, 0, 0, 0.1);
+  }
+  &[data-variant='small'] {
     min-height: 250px;
   }
 }