Enhance ProspectContainer styling with improved CSS classes and layout adjustments
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
@inherits FsBase
|
@inherits FsBase
|
||||||
|
|
||||||
@{
|
@{
|
||||||
var divClass = $"{CssClass} pc-main";
|
var divClass = $"{CssClass} pc-main shadow border-0";
|
||||||
if (Prospect is { Complete: true }) divClass += " complete";
|
if (Prospect is { Complete: true }) divClass += " complete";
|
||||||
if (Prospect is { Warning: true }) divClass += " warning";
|
if (Prospect is { Warning: true }) divClass += " warning";
|
||||||
if (Prospect is { RecordState: RecordState.Archived }) divClass += " deleted";
|
if (Prospect is { RecordState: RecordState.Archived }) divClass += " deleted";
|
||||||
|
|||||||
@@ -19,10 +19,17 @@
|
|||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
max-width: 480px;
|
max-width: 480px;
|
||||||
border: 1px solid #533a20;
|
border-radius: 12px;
|
||||||
border-radius: 3px;
|
margin: 15px;
|
||||||
margin: 5px;
|
padding: 1rem 1rem 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
.pc-main {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
padding: .5rem .5rem 0 .5rem;
|
padding: .5rem .5rem 0 .5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pc-main.warning {
|
.pc-main.warning {
|
||||||
|
|||||||
Reference in New Issue
Block a user