refactor: update app screenshots

rotki · Dec 15, 2023 · b16d70e · b16d70e
1 parent ec87c74
commit b16d70e
Show file tree

Hide file tree

Showing 24 changed files with 8 additions and 11 deletions.
diff --git a/components/HeroArea.vue b/components/HeroArea.vue
@@ -36,7 +36,7 @@ const { t } = useI18n();
       </ButtonLink>
     </div>
     <div :class="css.screenshot">
-      <img alt="rotki screenshot" src="/img/screenshot.png" />
+      <img alt="rotki screenshot" src="/img/dashboard.png" />
     </div>
     <div :class="css.description">
       <InfoBox>
@@ -143,6 +143,10 @@ $subtitle-line-height: 42px;
     padding-right: $mobile-margin;
     padding-left: $mobile-margin;
   }
+
+  img {
+    @apply w-[980px];
+  }
 }
 
 .description {

diff --git a/components/features/details/AppDashboard.vue b/components/features/details/AppDashboard.vue
@@ -32,7 +32,10 @@ const css = useCssModule();
 @import '@/assets/css/main.scss';
 
 .image {
+  @apply w-[980px] hidden;
+
   @media only screen and (min-width: 1190px) {
+    @apply block;
     right: -750px !important;
   }
 
@@ -44,16 +47,6 @@ const css = useCssModule();
     right: -400px;
   }
 
-  @include for-size(phone-only) {
-    position: relative;
-    margin-bottom: 60px;
-  }
-
-  @include for-size(tablet-portrait-up) {
-    position: relative;
-    margin-bottom: 60px;
-  }
-
   @include for-size(desktop-up) {
     top: 80px;
     position: absolute;

diff --git a/public/img/dashboard.png b/public/img/dashboard.png
diff --git a/public/img/download/1-sc-dashboard.png b/public/img/download/1-sc-dashboard.png
diff --git a/public/img/download/2-sc-defi-overview.png b/public/img/download/2-sc-defi-overview.png
diff --git a/public/img/download/3-sc-history-events.png b/public/img/download/3-sc-history-events.png
diff --git a/public/img/download/4-sc-statistics1.png b/public/img/download/4-sc-statistics1.png
diff --git a/public/img/download/5-sc-statistics2.png b/public/img/download/5-sc-statistics2.png
diff --git a/public/img/download/6-sc-eth-staking.png b/public/img/download/6-sc-eth-staking.png
diff --git a/public/img/download/7-sc-liquity-staking.png b/public/img/download/7-sc-liquity-staking.png
diff --git a/public/img/products/details/dark_mode.jpg b/public/img/products/details/dark_mode.jpg
diff --git a/public/img/products/details/data_sync.jpg b/public/img/products/details/data_sync.jpg
diff --git a/public/img/products/details/deposits_and_withdrawals.jpg b/public/img/products/details/deposits_and_withdrawals.jpg
diff --git a/public/img/products/details/sc_aave.jpg b/public/img/products/details/sc_aave.jpg
diff --git a/public/img/products/details/sc_compound1.jpg b/public/img/products/details/sc_compound1.jpg
diff --git a/public/img/products/details/sc_compound2.jpg b/public/img/products/details/sc_compound2.jpg
diff --git a/public/img/products/details/sc_vaults_premium.jpg b/public/img/products/details/sc_vaults_premium.jpg
diff --git a/public/img/products/details/sc_vaults_premium_watchers.jpg b/public/img/products/details/sc_vaults_premium_watchers.jpg
diff --git a/public/img/products/details/sc_yearn_vaults2.jpg b/public/img/products/details/sc_yearn_vaults2.jpg
diff --git a/public/img/products/details/stats_asset_amount_value.jpg b/public/img/products/details/stats_asset_amount_value.jpg
diff --git a/public/img/products/details/stats_distribution_location.jpg b/public/img/products/details/stats_distribution_location.jpg
diff --git a/public/img/products/details/trades.jpg b/public/img/products/details/trades.jpg
diff --git a/public/img/products/details/transactions.jpg b/public/img/products/details/transactions.jpg
diff --git a/public/img/screenshot.png b/public/img/screenshot.png