fix(dashboard): account staking panel mobile

radixdlt · Jul 30, 2024 · 8d732ab · 8d732ab
1 parent efa9e09
commit 8d732ab
Showing 1 changed file with 26 additions and 11 deletions.
diff --git a/apps/dashboard/src/routes/(search-pages)/account/[account]/staking/+page.svelte b/apps/dashboard/src/routes/(search-pages)/account/[account]/staking/+page.svelte
@@ -84,22 +84,37 @@
 
   .card-content {
     display: flex;
-    padding: var(--spacing-2xl) 0;
 
-    & > :global(.stake-display) {
-      flex-grow: 1;
-      padding: 0 var(--spacing-2xl);
+    @include mixins.desktop {
+      padding: var(--spacing-2xl) 0;
 
-      &:first-child {
-        padding-left: 0;
-      }
+      & > :global(.stake-display) {
+        flex-grow: 1;
+        padding: 0 var(--spacing-2xl);
+
+        &:first-child {
+          padding-left: 0;
+        }
+
+        &:last-child {
+          padding-right: 0;
+        }
 
-      &:last-child {
-        padding-right: 0;
+        &:not(:last-child) {
+          border-right: var(--border-divider) var(--theme-border);
+        }
       }
+    }
+
+    @include mixins.mobile {
+      flex-direction: column;
+
+      & > :global(.stake-display) {
+        padding: var(--spacing-xl) 0;
 
-      &:not(:last-child) {
-        border-right: var(--border-divider) var(--theme-border);
+        &:not(:last-child) {
+          border-bottom: var(--border-divider) var(--theme-border);
+        }
       }
     }
   }