aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2025-08-14 22:12:13 -0700
committerAdam Soltys <[email protected]>2025-08-14 22:12:13 -0700
commit1cde30d1d8ca999fc7f22c4b7ab1826ede16827b (patch)
treea45cf86a3d1f176501cdd39a4283bb00dd19437d
parentfcd4e03befdba4355487a035d4be0df7ffcde318 (diff)
downloadcoinos-ui-1cde30d1d8ca999fc7f22c4b7ab1826ede16827b.tar.gz
coinos-ui-1cde30d1d8ca999fc7f22c4b7ab1826ede16827b.zip
flex issues
-rw-r--r--src/routes/(static)/bounties/+page.svelte42
1 files changed, 22 insertions, 20 deletions
diff --git a/src/routes/(static)/bounties/+page.svelte b/src/routes/(static)/bounties/+page.svelte
index 7e284199..1cf28944 100644
--- a/src/routes/(static)/bounties/+page.svelte
+++ b/src/routes/(static)/bounties/+page.svelte
@@ -75,27 +75,29 @@
<article
class="rounded-2xl border border-neutral-200 bg-white/70 p-4 shadow-sm transition hover:shadow-md dark:border-neutral-800 dark:bg-neutral-900/60 sm:max-w-xl"
>
- <div class="flex items-start gap-3 min-w-0 flex-wrap">
- <div class="shrink-0">
- <Avatar user={merchant} size={12} />
- </div>
-
+ <div class="flex items-start gap-3 min-w-0 flex-wrap sm:flex-nowrap">
<div>
- <div class="flex items-center gap-2 min-w-0">
- <h3
- class="whitespace-wrap text-base font-semibold max-w-[150px] truncate sm:max-w-full"
- title={merchant.display || merchant.username}
- >
- <a href={`/${merchant.username}`}
- >{merchant.display || merchant.username}</a
+ <div class="flex">
+ <div class="shrink-0">
+ <Avatar user={merchant} size={12} />
+ </div>
+
+ <div class="flex items-center gap-2 min-w-0">
+ <h3
+ class="whitespace-wrap text-base font-semibold max-w-[150px] truncate sm:max-w-full"
+ title={merchant.display || merchant.username}
>
- </h3>
+ <a href={`/${merchant.username}`}
+ >{merchant.display || merchant.username}</a
+ >
+ </h3>
- <span
- class="shrink-0 rounded-full border border-neutral-200 px-2 py-0.5 text-xs font-medium text-neutral-600 dark:border-neutral-700 dark:text-neutral-300"
- >
- {type}
- </span>
+ <span
+ class="shrink-0 rounded-full border border-neutral-200 px-2 py-0.5 text-xs font-medium text-neutral-600 dark:border-neutral-700 dark:text-neutral-300"
+ >
+ {type}
+ </span>
+ </div>
</div>
<div
@@ -175,8 +177,8 @@
</p>
<p>
- Have a lead or idea for something that's not on the list? Reach out! We offer
- sats for all sorts of referrals!
+ Have a lead or idea for something that's not on the list? Reach out! We
+ offer sats for all sorts of referrals!
</p>
<p>Thanks for participating and helping to orange pill Vancouver!</p>