Minor CSS updates. Change some copy with Pro

kash · Feb 21, 2024 · 17d1b7e · 17d1b7e
1 parent b120524
commit 17d1b7e
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 12 deletions.
diff --git a/client/components/account/membership/pro_card/pro_feature/ProFeature.scss b/client/components/account/membership/pro_card/pro_feature/ProFeature.scss
@@ -10,14 +10,15 @@
 		color: rgb(var(--secondary-color));
 		padding-right: 5px;
 		flex-direction: row;
-		align-items: flex-start;
+		align-items: center;
+		font-size: 1.5rem;
+		gap: 8px;
 
 		i {
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			margin-right: 8px;
-			font-size: 1.5rem;
 			position: relative;
 		}
 

diff --git a/client/components/account/membership/pro_card/pro_feature_list/ProFeatureList.tsx b/client/components/account/membership/pro_card/pro_feature_list/ProFeatureList.tsx
@@ -65,13 +65,6 @@ export default function ProFeatureList() {
 					name="Pro-exclusive Discord channels"
 					description="Chat with other Pros, find players to 1v1 against, network, and learn from other CubeDesk enthusiasts! @kash and other cubing personalities will be spending lots of time there, too."
 				/>
-				<ProFeature
-					hideDetails={hideDetails}
-					iconColor="rgb(var(--warning-color))"
-					icon={<Gift weight="fill" />}
-					name="Monthly giveaways"
-					description="All Pros get entered into a monthly giveaway with lots of prizes. From gift cards to bluetooth timers to mystery prizes!"
-				/>
 				<ProFeature
 					hideDetails={hideDetails}
 					iconColor="rgb(var(--success-color))"

diff --git a/client/components/common/password_strength/PasswordStrength.scss b/client/components/common/password_strength/PasswordStrength.scss
@@ -13,6 +13,7 @@
 		opacity: 0.5;
 		display: flex;
 		flex-direction: row;
+		gap: 5px;
 		align-items: center;
 
 		i {

diff --git a/client/components/timer/Timer.scss b/client/components/timer/Timer.scss
@@ -78,15 +78,15 @@
 		position: absolute;
 		left: 50%;
 		transform: translate(-50%, 0);
-		bottom: 0px;
+		bottom: 0;
 		display: table;
 		margin: 25px auto 6px;
 
 		a {
 			display: flex;
 			font-size: 1rem;
 			padding-bottom: 2px;
-			border-bottom: 3px solid rgba(var(--secondary-color), 0.6);
+			border-bottom: 3px solid rgba(var(--primary-color), 0.6);
 			color: rgb(var(--theme-module-opposite));
 			flex-direction: row;
 			align-items: center;

diff --git a/client/components/timer/Timer.tsx b/client/components/timer/Timer.tsx
@@ -112,7 +112,7 @@ export default function Timer(props: TimerProps) {
 		timerFooterAd = (
 			<div className={b('get-pro')}>
 				<Link to="/account/pro">
-					Get CubeDesk Pro for $5/mo <ArrowRight weight="fill" />
+					Support development and get Pro <ArrowRight weight="fill" />
 				</Link>
 			</div>
 		);