fix: make clickable element anchor

add rounded corners
This commit is contained in:
Barış Soner Uşaklı
2025-07-08 11:03:02 -04:00
parent 8960fdb3a5
commit dbed2db992
2 changed files with 5 additions and 5 deletions

View File

@@ -202,7 +202,7 @@ define('forum/topic', [
$('[component="topic/thumb/select"]').removeClass('border-primary'); $('[component="topic/thumb/select"]').removeClass('border-primary');
$(this).addClass('border-primary'); $(this).addClass('border-primary');
$('[component="topic/thumb/current"]') $('[component="topic/thumb/current"]')
.attr('src', $(this).attr('src')); .attr('src', $(this).find('img').attr('src'));
}); });
} }
}); });

View File

@@ -1,14 +1,14 @@
<div class="d-flex flex-column gap-4 topic-thumbs-view-modal"> <div class="d-flex flex-column gap-4 topic-thumbs-view-modal">
<div class="d-flex justify-content-center align-items-center mb-5" style="height: 33vh; max-height: 33vh;"> <div class="d-flex justify-content-center align-items-center mb-5" style="height: 33vh; max-height: 33vh;">
<img component="topic/thumb/current" src="{src}" style="max-height: 33vh; max-width:100%;" /> <img component="topic/thumb/current" class="rounded" src="{src}" style="max-height: 33vh; max-width:100%;" />
</div> </div>
{{{ if (thumbs.length != "1") }}} {{{ if (thumbs.length != "1") }}}
<hr/> <hr/>
<div class="d-flex justify-content-center mb-3 gap-3 flex-wrap"> <div class="d-flex justify-content-center mb-3 gap-3 flex-wrap">
{{{ each thumbs }}} {{{ each thumbs }}}
<div> <a href="#" component="topic/thumb/select" class="p-1 rounded-3 border border-3 {{{ if ./selected }}}border-primary{{{ end }}}">
<img component="topic/thumb/select" class="pointer rounded p-1 border border-3 {{{ if ./selected }}}border-primary{{{ end }}}" height="64px" style="width: auto;" src="{./url}"/> <img class="rounded-2" height="64px" style="width: auto;" src="{./url}"/>
</div> </a>
{{{ end }}} {{{ end }}}
</div> </div>
{{{ end }}} {{{ end }}}