frontend: stick queue item buttons to right

This commit is contained in:
OleSTEEP 2025-10-16 19:12:10 +03:00
parent 6a4e10819c
commit 775a7a243e

View file

@ -10,8 +10,10 @@
<div class="queue-item rounded"> <div class="queue-item rounded">
<p>{date}</p> <p>{date}</p>
<p class="ellipsis">{name}</p> <p class="ellipsis">{name}</p>
<ImgButton style="edit" name="Изменить" image={edit_btn}/> <div class="buttons">
<ImgButton style="remove" name="Удалить" image={remove_btn}/> <ImgButton style="edit" name="Изменить" image={edit_btn}/>
<ImgButton style="remove" name="Удалить" image={remove_btn}/>
</div>
</div> </div>
<style> <style>
@ -28,6 +30,11 @@
margin: 0.5rem; margin: 0.5rem;
} }
.buttons {
display: flex;
margin-left: auto;
}
:global(.queue-item + .queue-item) { :global(.queue-item + .queue-item) {
margin-top: 0.5rem; margin-top: 0.5rem;
} }