UI improvements 3

resources/js/App.vue

@@ -131,7 +131,7 @@ export default {
 @import '/resources/sass/vuefilemanager/_mixins';
 
 .card {
-	@apply dark:bg-dark-foreground bg-white lg:p-6 p-5 rounded-xl lg:mb-6 mb-4
+	@apply dark:bg-dark-foreground bg-white lg:p-6 p-4 rounded-xl lg:mb-6 mb-4
 }
 
 .input-dark {

resources/js/components/Subscription/PlanDetail.vue

@@ -1,7 +1,7 @@
 <template>
 	<div
 		class="py-3 px-4 cursor-pointer rounded-lg block select-none"
-		:class="{'bg-light-background': isSelected}"
+		:class="{'dark:bg-2x-dark-foreground bg-light-background': isSelected}"
 	>
 		<div class="flex items-center justify-between mb-1.5">
 			<CheckBox :is-clicked="isSelected" />

resources/js/components/Subscription/UserEditSubscription.vue

@@ -10,9 +10,9 @@
 			</ButtonBase>
 		</AppInputSwitch>
 
-		<AppInputSwitch :title="$t('Upgrade Plan')" :description="$t('You can upgrade your plan at any time you want.')" :is-last="true">
+		<AppInputSwitch :title="$t('Change Plan')" :description="$t('You can upgrade your plan at any time you want.')" :is-last="true">
 			<ButtonBase @click.native="$openUpgradeOptions" class="sm:w-auto w-full" button-style="secondary">
-				{{ $t('Upgrade Now') }}
+				{{ $t('Change Now') }}
 			</ButtonBase>
 		</AppInputSwitch>
 	</div>

resources/js/views/Profile.vue

@@ -5,7 +5,6 @@
 		<Spotlight />
 
 		<ConfirmPopup />
-		<SelectPlanSubscriptionPopup />
 
 		<!--2FA popups-->
 		<TwoFactorRecoveryCodesPopup />
@@ -15,6 +14,7 @@
 		<CreatePersonaTokenPopup />
 
 		<!--Payments Popup-->
+		<SelectPlanSubscriptionPopup />
 		<SelectSingleChargeMethodPopup />
 
 		<SidebarNavigation />
@@ -165,7 +165,7 @@
             }
         },
 		created() {
-			setTimeout(() => this.$openUpgradeOptions(), 300)
+			//setTimeout(() => this.$openUpgradeOptions(), 300)
 		}
 	}
 </script>