fix: dashboard layout (#509)

Author: petar-omni

.changeset/purple-weeks-sink.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+fix: dashboard layout

packages/widget/src/pages-dashboard/common/components/styles.css.ts

@@ -36,10 +36,7 @@ export const outletWrapper = recipe({
   variants: {
     variant: {
       default: {
-        paddingTop: "24px",
-        paddingLeft: "30px",
-        paddingRight: "30px",
-        paddingBottom: "24px",
+        padding: "24px",
       },
       utila: {
         padding: "24px",

packages/widget/src/pages-dashboard/common/components/tabs/styles.css.ts

@@ -104,6 +104,9 @@ export const tabText = recipe({
       selected: {},
     },
     variant: {
+      default: {
+        marginBottom: "16px",
+      },
       utila: [
         atoms({ fontWeight: "semibold" }),
         {
@@ -130,6 +133,9 @@ export const tabText = recipe({
       },
     },
   ],
+  defaultVariants: {
+    variant: "default",
+  },
 });
 
 export const tabsContainer = recipe({
@@ -144,7 +150,10 @@ export const tabsContainer = recipe({
   ],
   variants: {
     variant: {
-      default: {},
+      default: {
+        gap: "15px",
+        paddingTop: "16px",
+      },
       utila: {
         gap: "15px",
         padding: "8px",