Lighten up shadows

This commit is contained in:
Jon Staab
2025-11-05 15:32:55 -08:00
parent b5917cb184
commit a52c2b4c3c
18 changed files with 27 additions and 27 deletions
+2 -2
View File
@@ -145,7 +145,7 @@
{#if inviteData}
{#key inviteData.url}
<Button
class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:dark:brightness-[1.1]"
class="card2 bg-alt shadow-md transition-all hover:shadow-lg hover:dark:brightness-[1.1]"
onclick={() => openSpace(inviteData.url, inviteData.claim)}>
<RelaySummary url={inviteData.url} />
</Button>
@@ -153,7 +153,7 @@
{/if}
{#each relaySearch.searchOptions(term).slice(0, limit) as relay (relay.url)}
<Button
class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:dark:brightness-[1.1]"
class="card2 bg-alt shadow-md transition-all hover:shadow-lg hover:dark:brightness-[1.1]"
onclick={() => openSpace(relay.url)}>
<RelaySummary url={relay.url} />
</Button>
+2 -2
View File
@@ -25,7 +25,7 @@
<h1 class="mb-4 text-center text-5xl font-bold uppercase">{PLATFORM_NAME}</h1>
<div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
{#if Capacitor.getPlatform() !== "ios"}
<div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
<div class="card2 bg-alt flex flex-col gap-2 text-center shadow-lg">
<h3 class="text-2xl sm:h-12">Donate</h3>
<p class="sm:h-16">Funds will be used to support development.</p>
<Link external href="https://geyser.fund/project/flotilla" class="btn btn-primary">
@@ -33,7 +33,7 @@
</Link>
</div>
{/if}
<div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
<div class="card2 bg-alt flex flex-col gap-2 text-center shadow-lg">
<h3 class="text-2xl sm:h-12">Get in touch</h3>
<p class="sm:h-16">Having problems? Let us know.</p>
<Link
+1 -1
View File
@@ -48,7 +48,7 @@
</script>
<form class="content column gap-4" {onsubmit}>
<div class="card2 bg-alt col-4 shadow-xl">
<div class="card2 bg-alt col-4 shadow-md">
<strong class="text-lg">Content Settings</strong>
<FieldInline>
{#snippet label()}
+4 -4
View File
@@ -44,7 +44,7 @@
</script>
<div class="content column gap-4">
<div class="card2 bg-alt shadow-xl">
<div class="card2 bg-alt shadow-md">
<div class="flex justify-between gap-2">
<div class="flex max-w-full gap-3">
<div class="py-1">
@@ -70,7 +70,7 @@
{/key}
</div>
{#if $session?.email}
<div class="card2 bg-alt col-4 shadow-xl">
<div class="card2 bg-alt col-4 shadow-md">
<FieldInline>
{#snippet label()}
<p>Email Address</p>
@@ -90,7 +90,7 @@
</FieldInline>
</div>
{/if}
<div class="card2 bg-alt col-4 shadow-xl">
<div class="card2 bg-alt col-4 shadow-md">
<FieldInline>
{#snippet label()}
<p class="flex items-center gap-3">
@@ -140,7 +140,7 @@
{/if}
<SignerStatus />
</div>
<div class="card2 bg-alt shadow-xl">
<div class="card2 bg-alt shadow-md">
<div class="flex items-center justify-between">
<strong class="flex items-center gap-3">
<Icon icon={Settings} />
+3 -3
View File
@@ -50,7 +50,7 @@
</script>
<div class="content column gap-4">
<Collapse class="card2 bg-alt column gap-4 shadow-xl">
<Collapse class="card2 bg-alt column gap-4 shadow-md">
{#snippet title()}
<h2 class="flex items-center gap-3 text-xl">
<Icon icon={Globus} />
@@ -83,7 +83,7 @@
</Button>
</div>
</Collapse>
<Collapse class="card2 bg-alt column gap-4 shadow-xl">
<Collapse class="card2 bg-alt column gap-4 shadow-md">
{#snippet title()}
<h2 class="flex items-center gap-3 text-xl">
<Icon icon={Inbox} />
@@ -115,7 +115,7 @@
</Button>
</div>
</Collapse>
<Collapse class="card2 bg-alt column gap-4 shadow-xl">
<Collapse class="card2 bg-alt column gap-4 shadow-md">
{#snippet title()}
<h2 class="flex items-center gap-3 text-xl">
<Icon icon={Mailbox} />
+2 -2
View File
@@ -30,7 +30,7 @@
</script>
<div class="content column gap-4">
<div class="card2 bg-alt flex flex-col gap-6 shadow-xl">
<div class="card2 bg-alt flex flex-col gap-6 shadow-md">
<div class="flex items-center justify-between">
<strong class="flex items-center gap-3">
<Icon icon={Wallet2} />
@@ -100,7 +100,7 @@
</div>
</div>
<div
class="card2 bg-alt flex flex-col shadow-xl"
class="card2 bg-alt flex flex-col shadow-md"
class:gap-6={profileLightningAddress && walletLud16 && profile?.lud16 !== walletLud16}>
<div class="flex items-center justify-between">
<strong>Lightning Address</strong>