Files
fs-onboarding/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss
troogs 4330b53824
All checks were successful
Build And Push Dev Docker Image / docker (push) Successful in 1m30s
Enhance InteractionRow and ProspectContainer: refactor layout to use grid, improve styling, and add interaction handling
2026-04-21 22:24:58 +02:00

72 lines
1.2 KiB
SCSS

::deep a {
color: #64ae24;
display: block;
&.invert,
&:hover {
color: #533a20;
}
&.invert:hover {
color: #64ae24;
}
}
.green {
color: #64ae24;
}
.pc-main {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
max-width: none;
border-radius: 12px;
margin: 0;
padding: 1rem 1rem 0 1rem;
@media (max-width: 576px) {
padding: .5rem .5rem 0 .5rem;
}
&.warning {
-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);
box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
}
&.deleted {
-webkit-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%);
}
}
.complete {
background: #76ff003b;
}
i.link {
cursor: pointer;
color: #64ae24;
&:hover {
color: #000;
}
}
.interaction-grid {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: .5rem;
::deep .interaction {
&--color {
&-done{
color: #64ae24;
}
}
}
}