diff --git a/components/UncapStar/index.scss b/components/UncapStar/index.scss index 3320e197..eb1cc882 100644 --- a/components/UncapStar/index.scss +++ b/components/UncapStar/index.scss @@ -1,20 +1,13 @@ .UncapStar { $size: 18px; - - @media (max-width: $tablet) { - $size: 12px; - } - background-repeat: no-repeat; background-size: $size; display: block; height: $size; width: $size; - @media (min-width: $laptop) { - &:hover { - transform: scale(1.2); - } + &:hover { + transform: scale(1.2); } &.empty, @@ -22,42 +15,55 @@ &.empty.flb, &.empty.ulb, &.empty.special { - background-image: url('/icons/uncap/empty.svg'); + background-image: url('/icons/uncap/empty@3x.png'); &:hover { - background-image: url('/icons/uncap/empty-hover.svg'); + background-image: url('/icons/uncap/empty-hover@3x.png'); } } &.mlb { - background-image: url('/icons/uncap/yellow.svg'); + background-image: url('/icons/uncap/yellow@3x.png'); &:hover { - background-image: url('/icons/uncap/yellow-hover.svg'); + background-image: url('/icons/uncap/yellow-hover@3x.png'); } } &.special { - background-image: url('/icons/uncap/red.svg'); + background-image: url('/icons/uncap/red@3x.png'); &:hover { - background: url('/icons/uncap/red-hover.svg'); + background: url('/icons/uncap/red-hover@3x.png'); } } &.flb { - background-image: url('/icons/uncap/blue.svg'); + background-image: url('/icons/uncap/blue@3x.png'); &:hover { - background: url('/icons/uncap/blue-hover.svg'); + background-image: url('/icons/uncap/blue-hover@3x.png'); } } &.ulb { - background-image: url('/icons/uncap/purple.svg'); + background-image: url('/icons/uncap/purple@3x.png'); &:hover { - background-image: url('/icons/uncap/purple-hover.svg'); + background-image: url('/icons/uncap/purple-hover@3x.png'); + } + } +} + +// Phone up to iPhone 14 Pro Max +@media only screen and (max-width: 430px) and (max-height: 850px) and (-webkit-device-pixel-ratio: 3) { + .UncapStar { + background-size: cover; + height: 14px; + width: 14px; + + &:hover { + transform: scale(1); } } } diff --git a/public/icons/uncap/blue-hover.png b/public/icons/uncap/blue-hover.png new file mode 100644 index 00000000..807a373d Binary files /dev/null and b/public/icons/uncap/blue-hover.png differ diff --git a/public/icons/uncap/blue-hover@2x.png b/public/icons/uncap/blue-hover@2x.png new file mode 100644 index 00000000..fd0c372a Binary files /dev/null and b/public/icons/uncap/blue-hover@2x.png differ diff --git a/public/icons/uncap/blue-hover@3x.png b/public/icons/uncap/blue-hover@3x.png new file mode 100644 index 00000000..2a0935a6 Binary files /dev/null and b/public/icons/uncap/blue-hover@3x.png differ diff --git a/public/icons/uncap/blue.png b/public/icons/uncap/blue.png new file mode 100644 index 00000000..87028f10 Binary files /dev/null and b/public/icons/uncap/blue.png differ diff --git a/public/icons/uncap/blue@2x.png b/public/icons/uncap/blue@2x.png new file mode 100644 index 00000000..47542292 Binary files /dev/null and b/public/icons/uncap/blue@2x.png differ diff --git a/public/icons/uncap/blue@3x.png b/public/icons/uncap/blue@3x.png new file mode 100644 index 00000000..481ca7ca Binary files /dev/null and b/public/icons/uncap/blue@3x.png differ diff --git a/public/icons/uncap/empty-hover.png b/public/icons/uncap/empty-hover.png new file mode 100644 index 00000000..cc268597 Binary files /dev/null and b/public/icons/uncap/empty-hover.png differ diff --git a/public/icons/uncap/empty-hover@2x.png b/public/icons/uncap/empty-hover@2x.png new file mode 100644 index 00000000..6117ba18 Binary files /dev/null and b/public/icons/uncap/empty-hover@2x.png differ diff --git a/public/icons/uncap/empty-hover@3x.png b/public/icons/uncap/empty-hover@3x.png new file mode 100644 index 00000000..49a963fd Binary files /dev/null and b/public/icons/uncap/empty-hover@3x.png differ diff --git a/public/icons/uncap/empty.png b/public/icons/uncap/empty.png new file mode 100644 index 00000000..7db25d6b Binary files /dev/null and b/public/icons/uncap/empty.png differ diff --git a/public/icons/uncap/empty@2x.png b/public/icons/uncap/empty@2x.png new file mode 100644 index 00000000..2fe7872c Binary files /dev/null and b/public/icons/uncap/empty@2x.png differ diff --git a/public/icons/uncap/empty@3x.png b/public/icons/uncap/empty@3x.png new file mode 100644 index 00000000..0789e241 Binary files /dev/null and b/public/icons/uncap/empty@3x.png differ diff --git a/public/icons/uncap/purple-hover.png b/public/icons/uncap/purple-hover.png new file mode 100644 index 00000000..96d1956c Binary files /dev/null and b/public/icons/uncap/purple-hover.png differ diff --git a/public/icons/uncap/purple-hover@2x.png b/public/icons/uncap/purple-hover@2x.png new file mode 100644 index 00000000..d2569f4a Binary files /dev/null and b/public/icons/uncap/purple-hover@2x.png differ diff --git a/public/icons/uncap/purple-hover@3x.png b/public/icons/uncap/purple-hover@3x.png new file mode 100644 index 00000000..746b803a Binary files /dev/null and b/public/icons/uncap/purple-hover@3x.png differ diff --git a/public/icons/uncap/purple.png b/public/icons/uncap/purple.png new file mode 100644 index 00000000..5508e3e3 Binary files /dev/null and b/public/icons/uncap/purple.png differ diff --git a/public/icons/uncap/purple@2x.png b/public/icons/uncap/purple@2x.png new file mode 100644 index 00000000..bafdee27 Binary files /dev/null and b/public/icons/uncap/purple@2x.png differ diff --git a/public/icons/uncap/purple@3x.png b/public/icons/uncap/purple@3x.png new file mode 100644 index 00000000..7fc8df5e Binary files /dev/null and b/public/icons/uncap/purple@3x.png differ diff --git a/public/icons/uncap/red-hover.png b/public/icons/uncap/red-hover.png new file mode 100644 index 00000000..a8a785a0 Binary files /dev/null and b/public/icons/uncap/red-hover.png differ diff --git a/public/icons/uncap/red-hover@2x.png b/public/icons/uncap/red-hover@2x.png new file mode 100644 index 00000000..782c5e03 Binary files /dev/null and b/public/icons/uncap/red-hover@2x.png differ diff --git a/public/icons/uncap/red-hover@3x.png b/public/icons/uncap/red-hover@3x.png new file mode 100644 index 00000000..45625813 Binary files /dev/null and b/public/icons/uncap/red-hover@3x.png differ diff --git a/public/icons/uncap/red.png b/public/icons/uncap/red.png new file mode 100644 index 00000000..c2584507 Binary files /dev/null and b/public/icons/uncap/red.png differ diff --git a/public/icons/uncap/red@2x.png b/public/icons/uncap/red@2x.png new file mode 100644 index 00000000..0d98b211 Binary files /dev/null and b/public/icons/uncap/red@2x.png differ diff --git a/public/icons/uncap/red@3x.png b/public/icons/uncap/red@3x.png new file mode 100644 index 00000000..badd122f Binary files /dev/null and b/public/icons/uncap/red@3x.png differ diff --git a/public/icons/uncap/blue-hover.svg b/public/icons/uncap/svg/blue-hover.svg similarity index 100% rename from public/icons/uncap/blue-hover.svg rename to public/icons/uncap/svg/blue-hover.svg diff --git a/public/icons/uncap/blue.svg b/public/icons/uncap/svg/blue.svg similarity index 100% rename from public/icons/uncap/blue.svg rename to public/icons/uncap/svg/blue.svg diff --git a/public/icons/uncap/empty-hover.svg b/public/icons/uncap/svg/empty-hover.svg similarity index 100% rename from public/icons/uncap/empty-hover.svg rename to public/icons/uncap/svg/empty-hover.svg diff --git a/public/icons/uncap/empty.svg b/public/icons/uncap/svg/empty.svg similarity index 100% rename from public/icons/uncap/empty.svg rename to public/icons/uncap/svg/empty.svg diff --git a/public/icons/uncap/purple-hover.svg b/public/icons/uncap/svg/purple-hover.svg similarity index 100% rename from public/icons/uncap/purple-hover.svg rename to public/icons/uncap/svg/purple-hover.svg diff --git a/public/icons/uncap/purple.svg b/public/icons/uncap/svg/purple.svg similarity index 100% rename from public/icons/uncap/purple.svg rename to public/icons/uncap/svg/purple.svg diff --git a/public/icons/uncap/red-hover.svg b/public/icons/uncap/svg/red-hover.svg similarity index 100% rename from public/icons/uncap/red-hover.svg rename to public/icons/uncap/svg/red-hover.svg diff --git a/public/icons/uncap/red.svg b/public/icons/uncap/svg/red.svg similarity index 100% rename from public/icons/uncap/red.svg rename to public/icons/uncap/svg/red.svg diff --git a/public/icons/uncap/yellow-hover.svg b/public/icons/uncap/svg/yellow-hover.svg similarity index 100% rename from public/icons/uncap/yellow-hover.svg rename to public/icons/uncap/svg/yellow-hover.svg diff --git a/public/icons/uncap/yellow.svg b/public/icons/uncap/svg/yellow.svg similarity index 100% rename from public/icons/uncap/yellow.svg rename to public/icons/uncap/svg/yellow.svg diff --git a/public/icons/uncap/yellow-hover.png b/public/icons/uncap/yellow-hover.png new file mode 100644 index 00000000..c8b894fc Binary files /dev/null and b/public/icons/uncap/yellow-hover.png differ diff --git a/public/icons/uncap/yellow-hover@2x.png b/public/icons/uncap/yellow-hover@2x.png new file mode 100644 index 00000000..3734a432 Binary files /dev/null and b/public/icons/uncap/yellow-hover@2x.png differ diff --git a/public/icons/uncap/yellow-hover@3x.png b/public/icons/uncap/yellow-hover@3x.png new file mode 100644 index 00000000..71929720 Binary files /dev/null and b/public/icons/uncap/yellow-hover@3x.png differ diff --git a/public/icons/uncap/yellow.png b/public/icons/uncap/yellow.png new file mode 100644 index 00000000..8d18261e Binary files /dev/null and b/public/icons/uncap/yellow.png differ diff --git a/public/icons/uncap/yellow@2x.png b/public/icons/uncap/yellow@2x.png new file mode 100644 index 00000000..74b997e7 Binary files /dev/null and b/public/icons/uncap/yellow@2x.png differ diff --git a/public/icons/uncap/yellow@3x.png b/public/icons/uncap/yellow@3x.png new file mode 100644 index 00000000..4dc1220c Binary files /dev/null and b/public/icons/uncap/yellow@3x.png differ