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

Refactor gallery layout in memberService and update DiaryView styles for improved responsiveness

Browse Source 
This commit refines the gallery layout logic in memberService by adjusting the calculations for canvas dimensions and positions, ensuring a more accurate representation of images. Additionally, the DiaryView component's styles have been updated to enhance the alignment and responsiveness of the gallery images, contributing to a better user experience across devices.
This commit is contained in:
Torsten Schulz (local)
2025-11-12 08:46:58 +01:00
parent 7b28eb04ac
commit 98c50bc03a
2 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/views/DiaryView.vue
View File

@@ -2476,23 +2476,30 @@ h3 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
padding: 0;
min-height: 60vh;
max-height: 70vh;
overflow: auto;
}
.gallery-image-wrapper {
max-width: none;
max-height: none;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.gallery-dialog-image {
display: block;
max-width: 100%;
width: auto;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
position: static !important;
left: auto !important;
top: auto !important;
border: none !important;
}
.gallery-loading,