Merge pull request #26 from AstarNetwork/styling-update

styling-update
AstarNetwork · Jun 19, 2023 · 28cd1ae · 28cd1ae
2 parents ce318d7 + 6ffd8b9
commit 28cd1ae
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 11 deletions.
diff --git a/src/components/assets/styles/asset-list.scss b/src/components/assets/styles/asset-list.scss
@@ -4,7 +4,7 @@
   width: 100%;
   background: hsl(225, 44%, 14%);
   border-radius: 16px;
-  padding: 16px;
+  padding: 2px;
   display: flex;
   flex-direction: column;
   row-gap: 8px;

diff --git a/src/components/assets/styles/assets.scss b/src/components/assets/styles/assets.scss
@@ -9,7 +9,6 @@
   justify-content: center;
   align-items: center;
   width: 100%;
-  margin-left: -8px;
   @media (min-width: $sm) {
     padding-top: 80px;
   }

diff --git a/src/components/assets/styles/hero-connect-wallet.scss b/src/components/assets/styles/hero-connect-wallet.scss
@@ -74,8 +74,8 @@
 }
 
 .text--hero {
-  font-size: 40px;
-  line-height: 50px;
+  font-size: 38px;
+  line-height: 48px;
   letter-spacing: -0.03em;
   @media (min-width: $lg) {
     font-size: 64px;

diff --git a/src/components/assets/styles/parent-card.scss b/src/components/assets/styles/parent-card.scss
@@ -44,7 +44,7 @@
 .row--name {
   display: flex;
   column-gap: 10px;
-  margin: 16px 0;
+  margin: 16px 0 8px 0;
 }
 
 .text--collection {

diff --git a/src/components/header/ConnectButton.vue b/src/components/header/ConnectButton.vue
@@ -54,8 +54,8 @@ export default defineComponent({
   border-radius: 16px;
   margin-left: 16px;
   transition: all 0.3s ease 0s;
-  background: $gray-6;
-  color: $gray-3;
+  background: #141c34;
+  color: #fff;
 }
 .m-btn--connect:hover {
   background: $astar-blue;

diff --git a/src/components/header/NetworkButton.vue b/src/components/header/NetworkButton.vue
@@ -156,8 +156,8 @@ export default defineComponent({
   box-shadow: none;
   padding: 8px;
   padding-left: 0px;
-  background: $gray-6;
-  color: $gray-3;
+  background: #141c34;
+  color: #fff;
   display: flex;
   column-gap: 6px;
   align-items: center;

diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
@@ -44,7 +44,7 @@ export default {
     copied: 'Copied',
   },
   links: {
-    docs: 'Docs',
+    docs: 'Tutorial',
     aboutInk: 'About ink!',
     aboutAstar: 'About Astar Network',
   },

diff --git a/src/links/index.ts b/src/links/index.ts
@@ -16,7 +16,7 @@ export const socialUrl = {
 };
 
 export const headerLinks = {
-  docs: 'https://docs.astar.network',
+  docs: 'https://docs.astar.network/docs/user-guides/inkredible-nft',
   ink: 'https://docs.astar.network/docs/build/wasm/ink-dev',
   astar: 'https://astar.network',
 };