Updated UI with BitBlazor components.
This commit is contained in:
41
JSMR.UI.Blazor/wwwroot/css/bit-blazor.css
Normal file
41
JSMR.UI.Blazor/wwwroot/css/bit-blazor.css
Normal file
@@ -0,0 +1,41 @@
|
||||
.bit-tfl-inp,
|
||||
.bit-drp-wrp,
|
||||
.bit-dtp-wrp {
|
||||
border: 1px solid var(--input-border-color);
|
||||
background-color: var(--input-background-color);
|
||||
transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s;
|
||||
padding: .25rem .5rem;
|
||||
}
|
||||
|
||||
.bit-tfl-fgp {
|
||||
border: 1px solid var(--input-border-color);
|
||||
}
|
||||
|
||||
.bit-tfl-inp:hover,
|
||||
.bit-drp-wrp:hover {
|
||||
border: 1px solid var(--input-hover-border-color);
|
||||
background-color: var(--input-background-color);
|
||||
}
|
||||
|
||||
.bit-tfl-inp:focus,
|
||||
.bit-drp-wrp:focus {
|
||||
background-color: var(--input-background-color);
|
||||
border: 1px solid var(--input-focus-border-color);
|
||||
box-shadow: var(--input-focus-box-shadow);
|
||||
}
|
||||
|
||||
/* DropDownList */
|
||||
.bit-drp-cal {
|
||||
background-color: var(--input-background-color);
|
||||
}
|
||||
|
||||
.bit-drp-itm:hover {
|
||||
color: #ffffffde;
|
||||
background: rgba(255,255,255,.03);
|
||||
}
|
||||
|
||||
.bit-drp-sel,
|
||||
.bit-drp-sel:hover {
|
||||
color: #ffffffde;
|
||||
background: rgba(100,181,246,.16);
|
||||
}
|
||||
Reference in New Issue
Block a user