troogs/fs-onboarding
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor ProspectContainer styles: improve SCSS structure for better readability and maintainability

Browse Source
This commit is contained in:
troogs
2026-04-21 21:19:29 +02:00
parent 9da0bf3a43
commit 7660e8ce81
1 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss
View File

@@ -1,12 +1,15 @@
::deep a, ::deep a {
::deep a.invert:hover{
color: #64ae24; color: #64ae24;
display: block; display: block;
&.invert,
&:hover {
color: #533a20;
} }
::deep a.invert, &.invert:hover {
::deep a:hover { color: #64ae24;
color: #533a20; }
} }
.green { .green {
@@ -22,34 +25,33 @@
border-radius: 12px; border-radius: 12px;
margin: 0; margin: 0;
padding: 1rem 1rem 0 1rem; padding: 1rem 1rem 0 1rem;
}
@media (max-width: 576px) { @media (max-width: 576px) {
.pc-main {
padding: .5rem .5rem 0 .5rem; padding: .5rem .5rem 0 .5rem;
} }
}
.pc-main.warning { &.warning {
-webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87); -webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
-moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87); -moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
box-shadow: 0 0 9px 4px rgba(214,100,23,0.87); box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
} }
.pc-main.deleted { &.deleted {
-webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%); -webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
-moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%); -moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%); box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
} }
}
.complete { .complete {
background: #76ff003b; background: #76ff003b;
} }
i.link { i.link {
cursor: pointer; color: #64ae24; cursor: pointer;
} color: #64ae24;
i.link:hover { &:hover {
color: #000; color: #000;
} }
}