Improved stablehedge logo size and margins

paytaca · Jan 31, 2025 · 84fb8e1 · 84fb8e1
1 parent dff77a8
commit 84fb8e1
Show file tree

Hide file tree

Showing 7 changed files with 97 additions and 21 deletions.
diff --git a/public/assets/img/stablehedge/stablehedge-bch-logo.png b/public/assets/img/stablehedge/stablehedge-bch-logo.png
diff --git a/public/assets/img/stablehedge/stablehedge-bch.svg b/public/assets/img/stablehedge/stablehedge-bch.svg
diff --git a/src-capacitor/ios/App/App.xcodeproj/project.pbxproj b/src-capacitor/ios/App/App.xcodeproj/project.pbxproj
@@ -364,7 +364,7 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 211;
+				CURRENT_PROJECT_VERSION = 212;
 				DEVELOPMENT_TEAM = 89X576BZBF;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
@@ -387,7 +387,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_ENTITLEMENTS = App/AppRelease.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 211;
+				CURRENT_PROJECT_VERSION = 212;
 				DEVELOPMENT_TEAM = 89X576BZBF;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;

diff --git a/src/components/stablehedge/StablehedgePlatformInfoDialog.vue b/src/components/stablehedge/StablehedgePlatformInfoDialog.vue
@@ -7,28 +7,16 @@
     position="bottom"
   >
     <q-card
-      class="br-15 pt-card-2 text-bow bottom-card"
+      class="br-15 pt-card-2 text-bow bottom-card-medium q-px-md q-pt-lg"
       :class="getDarkModeClass(darkMode)"
     >
-      <div class="row no-wrap items-center justify-center q-pl-md q-pr-sm q-pt-sm">
-        <div class="text-h6 q-space q-mt-sm">
-          <!-- {{ $t('Stablehedge') }} -->
-        </div>
-        <q-btn
-          flat
-          padding="sm"
-          icon="close"
-          class="close-button"
-          v-close-popup
-        />
-      </div>
       <q-carousel
         ref="carousel"
         v-model="slide"
         transition-prev="slide-right"
         transition-next="slide-left"
         swipeable
-        navigation
+        arrows
         animated
         padding
         control-color="brandblue"
@@ -37,9 +25,9 @@
       >
         <q-carousel-slide name="intro">
           <div class="column" style="min-height:100%;">
-            <div class="text-center text-h4 q-mb-lg">Stablehedge</div>
+            <div class="text-center text-h4 q-mb-lg">StableHedge</div>
             <div class="row items-center justify-center q-mb-md">
-              <img src="assets/img/stablehedge/stablehedge-bch-logo.png" height="100"/>
+              <img src="assets/img/stablehedge/stablehedge-bch.svg" height="150"/>
             </div>
             <div class="text-center text-body1">
               {{ $t('StablehedgeIntroText') }}

diff --git a/src/css/shared.scss b/src/css/shared.scss
@@ -154,6 +154,10 @@ div#q-app:has(.marketplace-container) {
   @include bottom-card(60vh);
 }
 
+.bottom-card-medium {
+  @include bottom-card(70vh);
+}
+
 .bottom-card-tall {
   @include bottom-card(90vh);
 }
diff --git a/src/pages/transaction/index.vue b/src/pages/transaction/index.vue
@@ -114,7 +114,7 @@
                       </div>
                       <div v-else>
                         <p class="q-mb-none">
-                          <q-icon v-if="stablehedgeView" name="ac_unit" class="text-h5" style="margin-top:-0.40em;"/>
+                          <!-- <q-icon v-if="stablehedgeView" name="ac_unit" class="text-h5" style="margin-top:-0.40em;"/> -->
                           <span ellipsis class="text-h5" :class="{'text-grad' : isNotDefaultTheme(theme)}">
                             {{ bchBalanceText }}
                           </span>
@@ -171,7 +171,7 @@
                         <img
                           :src="denominationTabSelected === $t('DEEM')
                             ? 'assets/img/theme/payhero/deem-logo.png'
-                            : stablehedgeView ? 'assets/img/stablehedge/sh-logo-bch.svg' : 'bch-logo.png'
+                            : stablehedgeView ? 'assets/img/stablehedge/stablehedge-bch.svg' : 'bch-logo.png'
                           "
                           alt=""
                           style="height: 75px;"

diff --git a/src/store/stablehedge/getters.js b/src/store/stablehedge/getters.js
@@ -36,7 +36,7 @@ export function tokenBalancesAsAssets(state, getters, rootState, rootGetters) {
     return {
       ...asset,
       id: assetId,
-      logo: asset?.logo || 'assets/img/stablehedge/sh-logo-bch.svg',
+      logo: asset?.logo || 'assets/img/stablehedge/stablehedge-bch.svg',
       symbol: symbol,
       decimals: decimals,
       balance: tokenBalance?.amount,