Added PRO star to profiles

pages/profile/profile.pixy

@@ -44,6 +44,12 @@ component ProfileHeader(viewUser *arn.User, user *arn.User, uri string)
 					Icon("rocket")
 					span= arn.Capitalize(viewUser.Role)
 		
+		if viewUser.IsPro()
+			p.profile-field.profile-pro-status
+				a.ajax(href="/shop", title="PRO user")
+					Icon("star")
+					span.profile-pro-status-text PRO
+		
 		if user != nil
 			.profile-actions
 				if user.ID != viewUser.ID

pages/profile/profile.scarlet

@@ -20,7 +20,6 @@ profile-boot-duration = 2s
 
 .profile-field
 	text-align center
-	
 
 	a
 		color white
@@ -41,6 +40,13 @@ profile-boot-duration = 2s
 	margin-bottom 0.5rem
 	text-shadow none !important
 
+.profile-pro-status
+	margin-top calc(typography-margin * 2)
+
+	.icon
+		color pro-color
+		animation sk-pulse 1.5s infinite linear
+
 > 740px
 	.profile
 		horizontal
@@ -63,6 +69,16 @@ profile-boot-duration = 2s
 		right 0
 		padding content-padding
 		margin-top 0
+	
+	.profile-pro-status
+		position absolute
+		right 0
+		bottom 0
+		padding content-padding
+		margin-top 0
+	
+	// .profile-pro-status-text
+	// 	display none
 
 // animation appear
 // 	0%
@@ -111,9 +127,4 @@ profile-boot-duration = 2s
 
 .no-data
 	width 100%
-	text-align center
-
-// Categories
-
-// .profile-category
-// 	margin-bottom content-padding
+	text-align center

styles/include/config.scarlet

@@ -5,7 +5,7 @@ link-color = rgb(215, 38, 15)
 link-hover-color = rgb(242, 60, 30)
 link-active-color = link-hover-color
 bg-color = rgb(246, 246, 246)
-pro-color = hsla(0, 100%, 77%, 0.87)
+pro-color = hsla(0, 100%, 73%, 0.87)
 
 // UI
 ui-border-color = rgba(0, 0, 0, 0.1)