Button component improvements

buttons with a `href` now render as <a> elements, otherwise <button>
This commit is contained in:
ari melody 2025-07-14 01:06:16 +01:00
parent d0163ee094
commit 77665702b7
Signed by: ari
GPG key ID: CF99829C92678188
4 changed files with 64 additions and 72 deletions

View file

@ -78,7 +78,7 @@
</ul>
<div class="profile-actions">
{#if $account && profile.fqn !== $account.fqn}
<Button disabled filled label="{lang.string('profile.follow')} {profile.nickname}" class="profile-btn-follow">
<Button filled label="{lang.string('profile.follow')} {profile.nickname}" class="profile-btn-follow">
{lang.string('profile.follow')}
</Button>
{/if}
@ -186,13 +186,17 @@
gap: .5rem;
}
.profile-btn-follow {
.profile-actions :global(button.profile-btn-follow) {
padding: 0 32px;
}
.profile-actions :global(button) {
height: 42px;
.profile-actions :global(a) {
width: fit-content;
height: 16px;
}
.profile-actions :global(button) {
width: fit-content;
height: 42px;
}
.profile-post-categories {