feat: add delete alias functionality & code cleanup (settings)

This commit is contained in:
Danny Morabito 2024-12-04 13:17:09 +01:00
parent c9b6f02fd3
commit e959809a0e
Signed by: dannym
GPG key ID: 7CC8056A5A04557E
10 changed files with 553 additions and 271 deletions

View file

@ -111,7 +111,7 @@
<Icon icon="ph:user" />
{/if}
</div>
{#if npub !== displayString && !emailAddress}
{#if npub !== displayString}
<Tooltip position="bottom" content={npub}>
<span class="user-text">{displayString}</span>
</Tooltip>

View file

@ -1,42 +0,0 @@
<script>
let { children, title } = $props();
</script>
<div class="glass-panel">
<div class="content">
<h3>{title}</h3>
{@render children()}
</div>
</div>
<style>
.glass-panel {
padding: 2rem 2.5rem;
width: 100%;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(20px);
border-radius: 1.5rem;
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.2),
0 12px 48px -6px rgba(0, 0, 0, 0.15),
inset 0 1px 1px rgba(255, 255, 255, 0.12),
inset 0 -1px 1px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-bottom: 2rem;
}
.glass-panel:hover {
transform: translateY(-2px);
box-shadow: 0 8px 32px -2px rgba(0, 0, 0, 0.25),
0 16px 64px -8px rgba(0, 0, 0, 0.2),
inset 0 1px 1px rgba(255, 255, 255, 0.15);
}
.content {
display: flex;
flex-direction: column;
gap: 1rem;
}
</style>