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

@@ -21,7 +21,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
@@ -64,6 +70,16 @@ profile-boot-duration = 2s
 		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%
 // 		transform rotateX(90deg)
@@ -112,8 +128,3 @@ profile-boot-duration = 2s
 .no-data
 	width 100%
 	text-align center
-
-// Categories
-
-// .profile-category
-// 	margin-bottom content-padding

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)