ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set filters loads locations & images preview

Browse Source
This commit is contained in:
Alexandro Uc Santos
2024-10-05 17:37:05 -06:00
parent f129acf9e6
commit 325d2f3fd2
5 changed files with 120 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/AttachmentsModal.vue
View File

@@ -41,7 +41,7 @@
<div v-if="!attachments || attachments.total == 0" class="card-body">
<p class="empty">{{ t('evidence.empty') }}</p>
</div>
<div v-else class="card-body">
<div v-else class="card-body box-attachments">
<div class="attachment" v-for="data in attachments.data">
<p v-if="data.type == 'Loading'">{{ t('evidence.loadEvidence') }}</p>
<p v-else>{{ t('evidence.downloadEvidence') }}</p>
@@ -66,11 +66,17 @@
</template>
<style scoped>
.box-attachments {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.attachment {
width: 100%;
width: 45%;
display: flex;
flex-direction: column;
padding: 20px;
padding: 16px;
margin-bottom: 20px;
border-radius: 13px;
align-content: center;
@@ -88,7 +94,7 @@
}
.attachment img {
width: 33%;
width: 100%;
justify-content: center;
align-items: center;
margin: 0 auto;
@@ -96,8 +102,19 @@
}
@media (max-width: 568px) {
.attachment img {
width: 50%;
.attachment {
width: 90%;
display: flex;
flex-direction: column;
padding: 16px;
margin-bottom: 20px;
border-radius: 13px;
align-content: center;
align-items: center;
box-shadow: 3px 5px 10px 5px rgba(0,0,0,0.10);
-webkit-box-shadow: 3px 5px 10px 5px rgba(0,0,0,0.10);
-moz-box-shadow: 3px 5px 10px 5px rgba(0,0,0,0.10);
}
}