diff --git a/src/assets/img/astar_logo_v2.svg b/src/assets/img/astar_logo_v2.svg new file mode 100644 index 000000000..a834a4fff --- /dev/null +++ b/src/assets/img/astar_logo_v2.svg @@ -0,0 +1,152 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/common/Logo.vue b/src/components/common/Logo.vue index fc2c9c0df..800a91b30 100644 --- a/src/components/common/Logo.vue +++ b/src/components/common/Logo.vue @@ -1,5 +1,5 @@ + + diff --git a/src/components/sidenav/SidebarDesktop.vue b/src/components/sidenav/SidebarDesktop.vue index 8e415ef80..1d2444c10 100644 --- a/src/components/sidenav/SidebarDesktop.vue +++ b/src/components/sidenav/SidebarDesktop.vue @@ -91,29 +91,7 @@ -
- - - - -
- NFT -
- - -
+
@@ -154,19 +132,15 @@ import Logo from '../common/Logo.vue'; import { useRouter } from 'vue-router'; import { Path as RoutePath } from 'src/router/routes'; import IconEcosystem from './components/IconEcosystem.vue'; -import Balloon from './components/Balloon.vue'; import SidebarOptionDesktop from './SidebarOptionDesktop.vue'; import { decentralizedOrigin } from 'src/links'; import { socialUrl } from 'src/links'; -import IconSideNft from './components/IconSideNFT.vue'; export default defineComponent({ components: { Logo, IconEcosystem, - Balloon, SidebarOptionDesktop, - IconSideNft, }, setup() { const { isOpen } = useSidebar(); @@ -181,7 +155,6 @@ export default defineComponent({ const router = useRouter(); const path = computed(() => router.currentRoute.value.path.split('/')[2]); - const hoverNFT = ref(false); const isDecentralized = computed(() => { return window.location.origin === decentralizedOrigin; }); @@ -210,7 +183,6 @@ export default defineComponent({ router, path, RoutePath, - hoverNFT, isDecentralized, socialUrl, isZkatana, diff --git a/src/components/sidenav/SidebarOptionDesktop.vue b/src/components/sidenav/SidebarOptionDesktop.vue index 21d0a0411..7b9944f54 100644 --- a/src/components/sidenav/SidebarOptionDesktop.vue +++ b/src/components/sidenav/SidebarOptionDesktop.vue @@ -130,11 +130,13 @@ svg { .sidebar-button-container { display: flex; align-items: center; - background-color: $navy-3; border-radius: 6px; padding: 10px; margin-bottom: 10px; cursor: pointer; + &:hover { + background-color: $navy-3; + } } .menu-item { diff --git a/src/components/sidenav/components/IconSideNFT.vue b/src/components/sidenav/components/IconSideNFT.vue deleted file mode 100644 index 343bf21e8..000000000 --- a/src/components/sidenav/components/IconSideNFT.vue +++ /dev/null @@ -1,9 +0,0 @@ - - diff --git a/src/components/sidenav/styles/sidebar-desktop.scss b/src/components/sidenav/styles/sidebar-desktop.scss index df96e276b..d36832d29 100644 --- a/src/components/sidenav/styles/sidebar-desktop.scss +++ b/src/components/sidenav/styles/sidebar-desktop.scss @@ -26,7 +26,7 @@ .sidebar { width: 224px; padding-top: 24px; - background: linear-gradient(140deg, #070c25 50%, #253585 80%, #3e2371 90%); + background: #081029; display: flex; flex-direction: column; z-index: 1; @@ -98,19 +98,19 @@ } .menu__assets { - margin-top: -322px; + margin-top: -276px; } .menu__dashboard { - margin-top: -276px; + margin-top: -230px; } .menu__staking { - margin-top: -230px; + margin-top: -184px; } .menu__bridge { - margin-top: -184px; + margin-top: -138px; } .dummy-row { @@ -125,9 +125,6 @@ .menu__indicator { background: $navy-3; } - .sidebar { - background: linear-gradient(140deg, #070c25 50%, #253585 80%, #3e2371 90%); - } .link { color: $gray-1; }