update contracts+ desktop version

src/views/ProfileView.vue

@@ -2,7 +2,7 @@
 	<div class="profile-page container">
 		<div class="profile-header">
 			<div class="profile-headline header">Profile</div>
-			<div class="profile-subheader">
+			<div class="profile-subheader" v-if="walletStore.connected">
 				<div class="profile-subheader-logo"><img :src="getblocky(walletStore.address)" alt="" /></div>
 				<div class="mid-mid-text">{{ getAddressShortName(walletStore.address) }}</div>
 			</div>
@@ -11,7 +11,12 @@
 			<div class="total-rewards-headline mid-text text-center">Total Rewards</div>
 			<claim-component></claim-component>
 		</div>
-		<stake-component-v1></stake-component-v1>
+		<template v-if="!isMobile">
+			<stake-component-v1 :variant="2"> </stake-component-v1>
+		</template>
+		<template v-else>
+			<stake-component-v1> </stake-component-v1>
+		</template>
 		<div class="profile-stake">
 			<!-- <stake-component>
 				<template v-slot:headline> Staked </template>
@@ -158,7 +163,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, computed } from "vue";
+import { ref, onMounted, computed, inject } from "vue";
 import { useRoundsStore } from "@/stores/rounds";
 import { useWalletStoreV2 } from "@/stores/walletV2";
 
@@ -174,6 +179,7 @@ const roundsStore = useRoundsStore();
 const walletStore = useWalletStoreV2();
 const rewardLockerStore = useRewardLockerStore();
 const memeBurnerStore = useMemeburnerStore();
+const isMobile = inject("isMobile");
 
 const activeRound = ref(null);
 const openCycleElement = ref(false);
@@ -237,6 +243,10 @@ const rounds = computed(() => {
                     width: 21px
                     height: 21px
                     border-radius: 20%
+                    @media (min-width: 992px)
+                        width: 32px
+                        height: 32px
+
     .total-rewards-wrapper
         border-radius: 16px
         background: var(--darkgrey, #202020)
@@ -244,6 +254,8 @@ const rounds = computed(() => {
         flex-direction: column
         gap: 24px
         padding: 8px
+        @media (min-width: 992px)
+            padding: 32px 64px
         .total-rewards-inner
             border-radius: 16px
             border: 2px solid var(--grey, #858585)