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;
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 */
.q-drawer {
/* .q-drawer {
box-shadow: -2px 0 12px rgba(0, 0, 0, 0.1);
}
} */
/* Menu container for sliding panels */
.menu-container {

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

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