artlef/bibliomane
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Collection form: adapt close button to mobile

Browse Source
This commit is contained in:
Arthur Lefebvre
2026-04-25 15:13:22 +02:00
parent 08a273b500
commit b48c42c40c
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
front/src/CollectionFormElement.vue
View File

@@ -81,6 +81,11 @@ function onPointerMove(e) {
> >
<BookListElement v-bind="props.book"> <BookListElement v-bind="props.book">
<template v-slot:left> <template v-slot:left>
<div class="is-hidden-desktop align-right">
<div @click="$emit('delete')" class="centered closebtn clickable">
<b-icon-x />
</div>
</div>
<div class="inputpositionwidget centered"> <div class="inputpositionwidget centered">
<div <div
v-if="!isInputtingPosition" v-if="!isInputtingPosition"
@@ -109,7 +114,7 @@ function onPointerMove(e) {
<div class="positionwidget centered is-narrow" @pointerdown="onPointerDown"> <div class="positionwidget centered is-narrow" @pointerdown="onPointerDown">
<b-icon-list /> <b-icon-list />
</div> </div>
<div @click="$emit('delete')" class="centered closebtn clickable"> <div @click="$emit('delete')" class="is-hidden-touch centered closebtn clickable">
<b-icon-x /> <b-icon-x />
</div> </div>
</template> </template>
@@ -175,13 +180,15 @@ function onPointerMove(e) {
height: 40px; height: 40px;
width: 40px; width: 40px;
font-size: 36px; font-size: 36px;
}
.align-right {
display: flex;
justify-content: flex-end;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.inputpositionwidget {
margin-top: 10px;
}
.positionwidget { .positionwidget {
margin-bottom: 10px; margin-bottom: 10px;
} }