torsten/miriamgemeinde
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed dialog problems

Browse Source
This commit is contained in:
Torsten Schulz
2025-05-02 11:30:31 +02:00
parent aac4812ba8
commit b9ba08f91f
2 changed files with 67 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/common/components/DialogComponent.vue
View File

@@ -36,15 +36,15 @@
<style scoped>
.dialog-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: calc(50% - 25em);
left: 5%;
width: 90%;
height: 50em;
background: rgba(0, 0, 0, .5);
display: flex;
justify-content: center;
align-items: center;
overflow: auto;
}
.dialog {
@@ -60,4 +60,3 @@
margin-top: 20px;
}
</style>

18
src/components/AddImageDialog.vue
View File

@@ -4,7 +4,8 @@
<div class="dialog-content">
<h3>Bild auswählen</h3>
<div class="images-container">
<div v-for="image in images" :key="image.id" class="image-block" @click="selectImage(image)" :class="{ selected: image.id === selectedImage?.id }">
<div v-for="image in images" :key="image.id" class="image-block" @click="selectImage(image)"
:class="{ selected: image.id === selectedImage?.id }">
<img :src="'/images/uploads/' + image.filename" />
<span v-if="image.description" :title="image.description">{{ image.title }}</span>
<span v-else>{{ image.title }}</span>
@@ -77,21 +78,22 @@ export default {
<style scoped>
.dialog-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: calc(50% - 25em);
left: 5%;
width: 90%;
height: 50em;
background: rgba(0, 0, 0, .5);
display: flex;
justify-content: center;
align-items: center;
overflow: auto;
}
.dialog-content {
background: white;
padding: 20px;
border-radius: 8px;
width: 100%;
height: 100%;
}
.images-container {