Merge remote-tracking branch 'origin/main'

HyperPlay-Gaming · Dec 5, 2024 · 879e7a0 · 879e7a0
2 parents d0b7996 + eac782b
commit 879e7a0
Show file tree

Hide file tree

Showing 4 changed files with 176 additions and 186 deletions.
diff --git a/src/frontend/screens/Quests/components/QuestsSummaryTableWrapper/index.module.scss b/src/frontend/screens/Quests/components/QuestsSummaryTableWrapper/index.module.scss
diff --git a/src/frontend/screens/Quests/components/QuestsSummaryTableWrapper/index.tsx b/src/frontend/screens/Quests/components/QuestsSummaryTableWrapper/index.tsx
diff --git a/src/frontend/screens/Quests/index.module.scss b/src/frontend/screens/Quests/index.module.scss
@@ -1,3 +1,5 @@
+@import '@hyperplay/ui/utilities/_variables.scss';
+
 .root {
   display: grid;
   grid-template-columns: 1fr auto;
@@ -35,11 +37,38 @@
   width: 800px;
   max-width: unset !important;
 
+  background-color: var(--color-neutral-800);
+  border: none;
+
   @media (max-width: 1300px) {
     width: 540px;
   }
 }
 
+.tableContainer {
+  background-color: var(--color-neutral-800);
+  overflow-y: hidden;
+}
+
+.questSelectedLayout {
+  @include for-big-desktop-up {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+.loadingContainer {
+  padding: var(--space-2lg);
+  height: 100%;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.loadingSpinner {
+  font-size: var(--text-3xl);
+}
+
 .toast {
   position: fixed;
   bottom: 24px;