Bridge and assets page styling fixes (#990)

* Bridge and assets page styling fixes * Dark mode fix * Bridge button styling fixes
AstarNetwork · Oct 23, 2023 · 68eefb5 · 68eefb5 · 4everland · Oct 23, 2023
1 parent 889d42c
commit 68eefb5
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/components/assets/styles/assets.scss b/src/components/assets/styles/assets.scss
@@ -30,7 +30,7 @@
 }
 
 .title--account {
-  margin-bottom: 10px;
+  margin-bottom: 24px;
 }
 
 .separator--top {

diff --git a/src/components/bridge/styles/bridge-selection.scss b/src/components/bridge/styles/bridge-selection.scss
@@ -44,7 +44,7 @@
   align-items: center;
   justify-content: center;
   border-radius: 16px;
-  border: 1px solid $gray-4;
+  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: all 0.3s ease 0s;
   row-gap: 24px;
@@ -126,4 +126,13 @@
       }
     }
   }
+  .button--bridge {
+    border: 1px solid $gray-4;
+    background-color: $navy-2;
+  }
+
+  .column--selection button:not([disabled]) .button--bridge:hover {
+    border: 1px solid $astar-blue !important;
+    transition: all 0.3s ease 0s;
+  }
 }
diff --git a/src/pages/AssetsPage.vue b/src/pages/AssetsPage.vue
@@ -53,7 +53,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 #assets-top {
   @media (min-width: $lg) {
-    margin-top: 50px;
+    margin-top: 58px;
     padding: 0 16px;
   }
 }
parameters	Value
IC	b5oiz-tyaaa-aaaag-abp6a-cai
Assigned domain	https://b5oiz-tyaaa-aaaag-abp6a-cai.ic0.app/
Custom domain