Adjust border radius of tags to fit new fields

This commit is contained in:
Henrik Giesel 2021-09-06 18:00:13 +02:00
parent 96cbca8fb6
commit f79e2aca92

View file

@ -60,7 +60,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<button <button
bind:this={button} bind:this={button}
class={`tag btn d-inline-flex align-items-center text-nowrap rounded ps-2 pe-1 m-0 ${className}`} class="tag btn d-inline-flex align-items-center text-nowrap ps-2 pe-1 m-0 {className}"
class:selected class:selected
class:flashing class:flashing
class:select-mode={selectMode} class:select-mode={selectMode}
@ -73,7 +73,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
> >
<span>{name}</span> <span>{name}</span>
<Badge <Badge
class="delete-icon rounded d-flex align-items-center ms-1" class="delete-icon rounded-circle d-flex align-items-center ms-1"
on:click={() => { on:click={() => {
if (!selectMode) { if (!selectMode) {
deleteTag(); deleteTag();
@ -107,6 +107,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
box-shadow: none; box-shadow: none;
} }
&.tag {
border-radius: 5px;
}
&.flashing { &.flashing {
animation: flash 0.3s linear; animation: flash 0.3s linear;
} }