frontend: stick queue item buttons to right
This commit is contained in:
parent
6a4e10819c
commit
775a7a243e
1 changed files with 9 additions and 2 deletions
|
@ -10,9 +10,11 @@
|
||||||
<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>
|
||||||
|
<div class="buttons">
|
||||||
<ImgButton style="edit" name="Изменить" image={edit_btn}/>
|
<ImgButton style="edit" name="Изменить" image={edit_btn}/>
|
||||||
<ImgButton style="remove" name="Удалить" image={remove_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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue