diff options
| -rw-r--r-- | static/style.css | 13 | ||||
| -rw-r--r-- | templates/actor_profile.php | 6 | ||||
| -rw-r--r-- | templates/interaction_button.php | 2 |
3 files changed, 19 insertions, 2 deletions
diff --git a/static/style.css b/static/style.css index 04218d7..83ea861 100644 --- a/static/style.css +++ b/static/style.css @@ -114,6 +114,11 @@ article.note { width: 24px; font-size: 24px; color: #3b005e44; + cursor: pointer; + + &:disabled { + opacity: 0.5; + } &.like.active { color: #8c22d8; @@ -154,6 +159,12 @@ button.icon { } } +a.icon { + color: inherit; + text-decoration: none; + font-size: 24px; +} + .fullProfile { border-radius: 8px; margin: 16px; @@ -163,7 +174,7 @@ button.icon { .basicInfo { display: grid; - grid-template-columns: max-content 1fr; + grid-template-columns: max-content 1fr max-content; gap: 16px; picture.avatar, diff --git a/templates/actor_profile.php b/templates/actor_profile.php index 45a0a59..0d99d05 100644 --- a/templates/actor_profile.php +++ b/templates/actor_profile.php @@ -6,6 +6,12 @@ <div class="handle">@<?= $actor->getFullHandle() ?></div> <div class="joinedDate">Joined on <?= $actor->created->format('Y-m-d') ?></div> </div> + <div> + <?php if (!$actor->isLocal): ?> + <a class="icon material-symbols-outlined" href="<?= $actor->homepage ?>" title="Open remote profile page" + target="_blank">open_in_new</a> + <?php endif; ?> + </div> </div> <p class="bio"><?= $actor->bio ?></p> </div>
\ No newline at end of file diff --git a/templates/interaction_button.php b/templates/interaction_button.php index a1fb3b0..ed257df 100644 --- a/templates/interaction_button.php +++ b/templates/interaction_button.php @@ -12,4 +12,4 @@ $icon = match ($action) { }; ?> <button title="<?= $tooltip ?>" class="icon material-symbols-outlined <?= $action . ($active ? ' active' : '') ?>" - hx-post="<?= "/fragment/note/$note->id/$action" ?>" hx-swap="outerHTML"><?= $icon ?></button>
\ No newline at end of file + hx-post="<?= "/fragment/note/$note->id/$action" ?>" hx-swap="outerHTML" hx-disabled-elt="this"><?= $icon ?></button>
\ No newline at end of file |