aboutsummaryrefslogtreecommitdiff
path: root/src/lib/User/BadgeWall/BadgePreview.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/User/BadgeWall/BadgePreview.svelte')
-rw-r--r--src/lib/User/BadgeWall/BadgePreview.svelte6
1 files changed, 4 insertions, 2 deletions
diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte
index e651a2aa..104a53da 100644
--- a/src/lib/User/BadgeWall/BadgePreview.svelte
+++ b/src/lib/User/BadgeWall/BadgePreview.svelte
@@ -218,7 +218,9 @@ const onClick = (event: MouseEvent) => {
</div>
{/if}
-<style>
+<style lang="scss">
+ @use "breakpoints" as *;
+
:global(.badge-preview img) {
border-radius: 8px;
max-height: 50vh;
@@ -239,7 +241,7 @@ const onClick = (event: MouseEvent) => {
gap: 1rem;
}
- @media (max-width: 768px) {
+ @media (max-width: $bp-md) {
.badge-preview {
flex-direction: column;
}