gitmedia/thats-me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove some background colors snd shadows

Browse source
This commit is contained in:
Tilman Behrend 2025-09-19 09:23:56 +02:00
parent 6c909ea6e7
commit 4ab0ca00ad
3 changed files with 36 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/css/app.scss
View file

@ -175,3 +175,37 @@ $image-size: 80px;
object-fit: cover; object-fit: cover;
border-radius: $tooltip-radius; border-radius: $tooltip-radius;
} }
// Remove Quasar card shadows globally
.q-card {
box-shadow: none !important;
&--bordered {
box-shadow: none !important;
}
&--flat {
box-shadow: none !important;
}
}
// .q-drawer{
// background: transparent !important;
// .q-item{
// color: white;
// }
// }
.bg-white,
.q-layout__section--marginal{
background: transparent !important;
}
footer{
.text-primary,
.text-grey{
color: white !important;
}
}

4
frontend/src/layouts/MainLayout.vue
View file

@ -678,9 +678,9 @@ export default {
/* Custom styles for the drawer */ /* Custom styles for the drawer */
.q-drawer { /* .q-drawer {
box-shadow: -2px 0 12px rgba(0, 0, 0, 0.1); box-shadow: -2px 0 12px rgba(0, 0, 0, 0.1);
} } */
/* Menu container for sliding panels */ /* Menu container for sliding panels */
.menu-container { .menu-container {

10
frontend/src/pages/EditPage.vue
View file

@ -1645,7 +1645,6 @@ export default {
/* Style the edit footer */ /* Style the edit footer */
.edit-footer { .edit-footer {
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
} }
/* Ensure tabs are properly sized in footer */ /* Ensure tabs are properly sized in footer */
@ -1751,7 +1750,6 @@ export default {
:deep(.vue-select-custom .vs__dropdown-menu) { :deep(.vue-select-custom .vs__dropdown-menu) {
border: 1px solid rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
background: white; background: white;
} }
@ -1798,12 +1796,10 @@ export default {
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
.person-circle:hover { .person-circle:hover {
transform: scale(1.05); transform: scale(1.05);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} }
.person-initials { .person-initials {
@ -1830,7 +1826,6 @@ export default {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} }
.person-delete:hover { .person-delete:hover {
@ -1890,7 +1885,6 @@ export default {
.category-chip:hover, .category-chip:hover,
.tag-chip:hover { .tag-chip:hover {
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} }
/* Media thumbnails styling */ /* Media thumbnails styling */
@ -1917,7 +1911,6 @@ export default {
.media-thumbnail:hover { .media-thumbnail:hover {
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
} }
.audio-thumbnail .media-icon { .audio-thumbnail .media-icon {
@ -1966,7 +1959,6 @@ export default {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} }
.media-delete:hover { .media-delete:hover {
@ -1991,7 +1983,6 @@ export default {
.additional-image-item:hover { .additional-image-item:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
} }
.additional-image-thumbnail { .additional-image-thumbnail {
@ -2051,7 +2042,6 @@ export default {
.audio-file-item:hover, .audio-file-item:hover,
.video-file-item:hover { .video-file-item:hover {
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
.audio-file-info, .audio-file-info,