diff --git a/layout/sidebar/sidebar.scarlet b/layout/sidebar/sidebar.scarlet index 147ca452..11ab4a91 100644 --- a/layout/sidebar/sidebar.scarlet +++ b/layout/sidebar/sidebar.scarlet @@ -60,6 +60,5 @@ const sidebar-spacing-y = 0.7rem padding sidebar-spacing-y 1rem // background ui-background - .icon - font-size 1rem + .padded-icon margin-right 0.75rem diff --git a/pages/inventory/inventory.pixy b/pages/inventory/inventory.pixy index 2218198e..b910462e 100644 --- a/pages/inventory/inventory.pixy +++ b/pages/inventory/inventory.pixy @@ -10,7 +10,7 @@ component Inventory(inventory *arn.Inventory, viewUser *arn.User, user *arn.User else .inventory-slot.tip.mountable(aria-label=slot.Item().Name, draggable="true", data-index=index, data-item-id=slot.ItemID, data-consumable=slot.Item().Consumable) .shop-item-icon - Icon(slot.Item().Icon) + RawIcon(slot.Item().Icon) if slot.Quantity > 1 .inventory-slot-quantity= slot.Quantity diff --git a/pages/inventory/inventory.scarlet b/pages/inventory/inventory.scarlet index c3060f7e..f8dc8ad0 100644 --- a/pages/inventory/inventory.scarlet +++ b/pages/inventory/inventory.scarlet @@ -25,8 +25,7 @@ const inventory-slot-size = 64px .shop-item-icon animation hover-item 1s infinite ease-in-out - .icon - margin 0 + svg-icon pointer-events none // [data-item-id="pro-account-3"] diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy index 3dde7cc5..fd68bd87 100644 --- a/pages/profile/profile.pixy +++ b/pages/profile/profile.pixy @@ -174,7 +174,7 @@ component ProfileTags(viewUser *arn.User, animeList *arn.AnimeList, user *arn.Us if viewUser.IsPro() a.profile-tag.mountable.never-unmount(href="/support", aria-label="Supporter", data-mountable-type="header") Icon("star") - span.profile-pro-status-text PRO + span PRO if viewUser.Role != "" a.profile-tag.mountable.never-unmount(href="/users/staff", aria-label="Staff member", data-mountable-type="header") diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet index 48a999f7..6e367664 100644 --- a/pages/profile/profile.scarlet +++ b/pages/profile/profile.scarlet @@ -22,13 +22,6 @@ const profile-image-size = 280px 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 - .profile-columns vertical diff --git a/pages/shop/shop.scarlet b/pages/shop/shop.scarlet index 5baac79b..550134c0 100644 --- a/pages/shop/shop.scarlet +++ b/pages/shop/shop.scarlet @@ -88,9 +88,11 @@ const item-color-anime-support-ticket = hsl(217, 64%, 50%) margin-bottom 1rem .pro-benefit + horizontal + align-items center list-style-type none font-size 1.2rem line-height 1.6em - .icon + svg-icon color like-color \ No newline at end of file diff --git a/styles/corner-buttons.scarlet b/styles/corner-buttons.scarlet index 13ae419c..e3d066dc 100644 --- a/styles/corner-buttons.scarlet +++ b/styles/corner-buttons.scarlet @@ -64,8 +64,5 @@ mixin corner-buttons display none .corner-buttons - .icon - margin-right 0 - span display none \ No newline at end of file diff --git a/styles/tabs.scarlet b/styles/tabs.scarlet index 819531f4..262f06ca 100644 --- a/styles/tabs.scarlet +++ b/styles/tabs.scarlet @@ -31,7 +31,7 @@ < 920px .tab - .icon + .padded-icon margin-right 0 .tab-text