feat: full redesign (#144)

.github/workflows/feature.yml

@@ -32,11 +32,17 @@ jobs:
         run: |
           echo "WALLET_CONNECT_PROJECT_ID=${{ secrets.WALLET_CONNECT_PROJECT_ID }}" > .env
           echo "ANKR_TOKEN=${{ secrets.ANKR_TOKEN }}" >> .env
+          echo "SCREENING_API_URL=${{ secrets.SCREENING_API_URL }}" >> .env
 
       - name: Build
         run: |
           npm run generate
 
+      - name: Reorganize Files
+        run: |
+          mkdir -p dist/bridge
+          mv dist/_nuxt dist/bridge/_nuxt
+
       - name: Deploy
         uses: matter-labs/action-hosting-deploy@main
         id: deploy
@@ -45,14 +51,3 @@ jobs:
           firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_STAGING_ZKSYNC_DAPP_WALLET_V2 }}"
           projectId: staging-zksync-dapp-wallet-v2
           expires: 7d
-
-  e2e:
-    needs: build
-    uses: ./.github/workflows/e2e.yml
-    name: E2E
-    secrets: inherit
-    with:
-      targetUrl: ${{ needs.build.outputs.dappUrl }}
-      network: Goerli
-      publish_to_allure: true
-      environmentTags: ""

.github/workflows/production.yml

@@ -34,6 +34,7 @@ jobs:
         run: |
           echo "WALLET_CONNECT_PROJECT_ID=${{ secrets.WALLET_CONNECT_PROJECT_ID }}" > .env
           echo "ANKR_TOKEN=${{ secrets.ANKR_TOKEN }}" >> .env
+          echo "SCREENING_API_URL=${{ secrets.SCREENING_API_URL }}" >> .env
 
       - name: Build
         run: |

README.md

@@ -1,4 +1,4 @@
-![zkSync Portal](https://portal.zksync.io/preview.jpg)
+![zkSync Portal](public/preview.png)
 
 # zkSync Portal 🚀
 

assets/css/_mixins.scss

@@ -0,0 +1,7 @@
+@mixin interactiveStyles {
+  &:enabled,
+  &[interactive="true"]:not([aria-disabled="true"]),
+  &:is(a, label):not([aria-disabled="true"]) {
+    @content;
+  }
+}

assets/css/style.scss

@@ -1,35 +1,11 @@
 html.dark {
   @apply bg-neutral-950;
 }
-.lite.dark {
-  html,
-  body {
-    .link {
-      @apply text-primary-300;
-      &:enabled,
-      &:is(a) {
-        &:not([aria-disabled="true"]) {
-          @apply hover:text-primary-200;
-        }
-      }
-    }
-  }
-}
 html,
 body {
-  @apply min-h-full w-full bg-gray font-sans leading-[1.15] antialiased dark:bg-neutral-950 dark:text-white;
+  @apply min-h-full text-neutral-950 w-full bg-neutral-50 font-sans antialiased dark:bg-black dark:text-white;
   -webkit-text-size-adjust: 100%;
 
-  .link {
-    @apply font-medium text-primary-400 transition-colors dark:text-primary-200;
-    &:enabled,
-    &:is(a) {
-      &:not([aria-disabled="true"]) {
-        @apply hover:text-primary-300;
-      }
-    }
-  }
-
   .tippy-box {
     @apply rounded-lg text-sm;
     &[data-theme~="light"] {
@@ -39,8 +15,9 @@ body {
         @apply -bottom-[8px] border-t-white/70;
       }
       &[data-placement^="bottom"] > .tippy-arrow:before {
-        @apply -top-[7px] border-b-white/70;
+        @apply -top-[8px] border-b-white/70;
       }
     }
   }
-}
+}
+button, a { -webkit-tap-highlight-color: transparent; }