Facelift on showcase

pull/345/head
cagataycivici 2020-06-17 22:21:22 +03:00
parent 050c38d0c6
commit dd6179a545
34 changed files with 1856 additions and 1850 deletions

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #121212;
--layer-1: #1e1e1e;
--layer-2: #2b2b2b;
--layer-3: #383838;
--surface-a: #121212;
--surface-b: #121212;
--surface-c: #2b2b2b;
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #64B5F6;
--primary-color-text: #212529;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #64B5F6;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #383838;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #383838;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #64B5F6;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #64B5F6;
@ -432,8 +433,8 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #383838;
background: #1e1e1e;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #383838;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #64B5F6;
@ -720,7 +721,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #64B5F6;
@ -792,15 +793,15 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #383838;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #42A5F5;
@ -1349,8 +1350,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #64B5F6;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #64B5F6;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #383838;
}
@ -2401,8 +2402,8 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #121212;
--layer-1: #1e1e1e;
--layer-2: #2b2b2b;
--layer-3: #383838;
--surface-a: #121212;
--surface-b: #121212;
--surface-c: #2b2b2b;
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #81C784;
--primary-color-text: #212529;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #81C784;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #383838;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #383838;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #81C784;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #81C784;
@ -432,8 +433,8 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #383838;
background: #1e1e1e;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #383838;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #81C784;
@ -720,7 +721,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #81C784;
@ -792,15 +793,15 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #383838;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #66BB6A;
@ -1349,8 +1350,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #81C784;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #81C784;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #383838;
}
@ -2401,8 +2402,8 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #121212;
--layer-1: #1e1e1e;
--layer-2: #2b2b2b;
--layer-3: #383838;
--surface-a: #121212;
--surface-b: #121212;
--surface-c: #2b2b2b;
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #FFD54F;
--primary-color-text: #212529;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #FFD54F;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #383838;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #383838;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #FFD54F;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #FFD54F;
@ -432,8 +433,8 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #383838;
background: #1e1e1e;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #383838;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #FFD54F;
@ -720,7 +721,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #FFD54F;
@ -792,15 +793,15 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #383838;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #FFCA28;
@ -1349,8 +1350,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #FFD54F;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFD54F;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #383838;
}
@ -2401,8 +2402,8 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #121212;
--layer-1: #1e1e1e;
--layer-2: #2b2b2b;
--layer-3: #383838;
--surface-a: #121212;
--surface-b: #121212;
--surface-c: #2b2b2b;
--surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #BA68C8;
--primary-color-text: #ffffff;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #BA68C8;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #383838;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #383838;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #BA68C8;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #BA68C8;
@ -432,8 +433,8 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #383838;
background: #1e1e1e;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #383838;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #BA68C8;
@ -720,7 +721,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #BA68C8;
@ -792,15 +793,15 @@
background: #383838;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #383838;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #AB47BC;
@ -1349,8 +1350,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #BA68C8;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #BA68C8;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #383838;
}
@ -2401,8 +2402,8 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #3f3f3f;
--layer-1: #323232;
--layer-2: #4c4c4c;
--surface-a: #191919;
--surface-b: #191919;
--surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede;
--text-color-secondary: #888888;
--primary-color: #FFE082;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #3f3f3f;
--layer-1: #323232;
--layer-2: #4c4c4c;
--surface-a: #191919;
--surface-b: #191919;
--surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede;
--text-color-secondary: #888888;
--primary-color: #81D4FA;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #3f3f3f;
--layer-1: #323232;
--layer-2: #4c4c4c;
--surface-a: #191919;
--surface-b: #191919;
--surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede;
--text-color-secondary: #888888;
--primary-color: #C5E1A5;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #3f3f3f;
--layer-1: #323232;
--layer-2: #4c4c4c;
--surface-a: #191919;
--surface-b: #191919;
--surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede;
--text-color-secondary: #888888;
--primary-color: #F48FB1;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f4f4f4;
--layer-2: #eaeaea;
--surface-a: #ffffff;
--surface-b: #f4f4f4;
--surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333;
--text-color-secondary: #848484;
--primary-color: #007ad9;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f4f4f4;
--layer-2: #eaeaea;
--surface-a: #ffffff;
--surface-b: #f4f4f4;
--surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333;
--text-color-secondary: #848484;
--primary-color: #007ad9;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f4f4f4;
--layer-2: #eaeaea;
--surface-a: #ffffff;
--surface-b: #f4f4f4;
--surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333;
--text-color-secondary: #848484;
--primary-color: #41b883;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f4f4f4;
--layer-2: #eaeaea;
--surface-a: #ffffff;
--surface-b: #f4f4f4;
--surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333;
--text-color-secondary: #848484;
--primary-color: #007ad9;

View File

@ -1,8 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f4f4f4;
--layer-2: #eaeaea;
--surface-a: #ffffff;
--surface-b: #f4f4f4;
--surface-c: #eaeaea;
--surface-d: #dadada;
--surface-e: #ffffff;
--text-color: #495057;
--text-color-secondary: #6c757d;
--primary-color: #7B95A3;

View File

@ -1,9 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f8f9fa;
--layer-2: #e9ecef;
--layer-3: #dee2e6;
--surface-a: #ffffff;
--surface-b: #f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #2196F3;
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #2196F3;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 0 none;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #dee2e6;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #2196F3;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #2196F3;
@ -432,8 +433,8 @@
background: #ffffff;
color: #6c757d;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: #6c757d;
@ -444,7 +445,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6;
background: #f8f9fa;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #dee2e6;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057;
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #2196F3;
@ -720,7 +721,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #2196F3;
@ -792,15 +793,15 @@
background: #ffffff;
color: #6c757d;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #dee2e6;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #1E88E5;
@ -1349,8 +1350,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #2196F3;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: #6c757d;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.357rem;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.357rem;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #2196F3;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #ffffff;
color: #495057;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #ffffff;
color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #f8f9fa;
color: #495057;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: #6c757d;
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 0 none;
}
@ -2401,8 +2402,8 @@
background: #ffffff;
color: #495057;
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: #495057;
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: #ffffff;
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057;
@ -2550,8 +2551,8 @@
border: 1px solid #dee2e6;
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: #495057;
background: #ffffff;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: #ffffff;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: #6c757d;
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #689F38;

View File

@ -1,9 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f8f9fa;
--layer-2: #e9ecef;
--layer-3: #dee2e6;
--surface-a: #ffffff;
--surface-b: #f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #4CAF50;
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #4CAF50;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 0 none;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #dee2e6;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #4CAF50;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #4CAF50;
@ -432,8 +433,8 @@
background: #ffffff;
color: #6c757d;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: #6c757d;
@ -444,7 +445,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6;
background: #f8f9fa;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #dee2e6;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057;
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #4CAF50;
@ -720,7 +721,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #4CAF50;
@ -792,15 +793,15 @@
background: #ffffff;
color: #6c757d;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #dee2e6;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #43A047;
@ -1349,8 +1350,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #4CAF50;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: #6c757d;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.357rem;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.357rem;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #4CAF50;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #ffffff;
color: #495057;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #ffffff;
color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #f8f9fa;
color: #495057;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: #6c757d;
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 0 none;
}
@ -2401,8 +2402,8 @@
background: #ffffff;
color: #495057;
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: #495057;
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: #ffffff;
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057;
@ -2550,8 +2551,8 @@
border: 1px solid #dee2e6;
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: #495057;
background: #ffffff;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: #ffffff;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: #6c757d;
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #689F38;

View File

@ -1,9 +1,10 @@
@charset "UTF-8";
:root {
--layer-0: #ffffff;
--layer-1: #f8f9fa;
--layer-2: #e9ecef;
--layer-3: #dee2e6;
--surface-a: #ffffff;
--surface-b: #f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #FFC107;
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #FFC107;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 0 none;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #dee2e6;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #FFC107;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #FFC107;
@ -432,8 +433,8 @@
background: #ffffff;
color: #6c757d;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: #6c757d;
@ -444,7 +445,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6;
background: #f8f9fa;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #dee2e6;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057;
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #FFC107;
@ -720,7 +721,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #FFC107;
@ -792,15 +793,15 @@
background: #ffffff;
color: #6c757d;
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: #495057;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #dee2e6;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #FFB300;
@ -1349,8 +1350,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #FFC107;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: #6c757d;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.357rem;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.357rem;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFC107;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #ffffff;
color: #495057;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #ffffff;
color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #f8f9fa;
color: #495057;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: #6c757d;
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 0 none;
}
@ -2401,8 +2402,8 @@
background: #ffffff;
color: #495057;
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: #495057;
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: #ffffff;
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057;
@ -2550,8 +2551,8 @@
border: 1px solid #dee2e6;
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: #495057;
background: #ffffff;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: #495057;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: #495057;
background: #f8f9fa;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: #ffffff;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: #6c757d;
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #689F38;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #17212f;
--layer-1: #1f2d40;
--layer-2: #283951;
--layer-3: #304562;
--surface-a: #17212f;
--surface-b: #17212f;
--surface-c: #283951;
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #64B5F6;
--primary-color-text: #212529;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #64B5F6;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #304562;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #304562;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #64B5F6;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #64B5F6;
@ -432,8 +433,8 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #304562;
background: #1f2d40;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #304562;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #64B5F6;
@ -720,7 +721,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #64B5F6;
@ -792,15 +793,15 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #304562;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #42A5F5;
@ -1349,8 +1350,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #64B5F6;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #64B5F6;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #304562;
}
@ -2401,8 +2402,8 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #17212f;
--layer-1: #1f2d40;
--layer-2: #283951;
--layer-3: #304562;
--surface-a: #17212f;
--surface-b: #17212f;
--surface-c: #283951;
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #81C784;
--primary-color-text: #212529;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #81C784;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #304562;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #304562;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #81C784;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #81C784;
@ -432,8 +433,8 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #304562;
background: #1f2d40;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #304562;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #81C784;
@ -720,7 +721,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #81C784;
@ -792,15 +793,15 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #304562;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #66BB6A;
@ -1349,8 +1350,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #81C784;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #81C784;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #304562;
}
@ -2401,8 +2402,8 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #17212f;
--layer-1: #1f2d40;
--layer-2: #283951;
--layer-3: #304562;
--surface-a: #17212f;
--surface-b: #17212f;
--surface-c: #283951;
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #FFD54F;
--primary-color-text: #212529;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #FFD54F;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #304562;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #304562;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #FFD54F;
color: #212529;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #FFD54F;
@ -432,8 +433,8 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #304562;
background: #1f2d40;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #304562;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #FFD54F;
@ -720,7 +721,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #FFD54F;
@ -792,15 +793,15 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #304562;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #FFCA28;
@ -1349,8 +1350,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #FFD54F;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFD54F;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #304562;
}
@ -2401,8 +2402,8 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8";
:root {
--layer-0: #17212f;
--layer-1: #1f2d40;
--layer-2: #283951;
--layer-3: #304562;
--surface-a: #17212f;
--surface-b: #17212f;
--surface-c: #283951;
--surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6);
--text-color-secondary: $shade100;
--primary-color: #BA68C8;
--primary-color-text: #ffffff;
}
@ -44,7 +45,7 @@
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 4px;
border-radius: 3px;
}
.p-link:focus {
outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem;
background: #BA68C8;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
@ -95,7 +96,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items {
@ -133,7 +134,7 @@
background: #304562;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600;
margin: 0;
border-bottom: 1px solid #304562;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
@ -258,7 +259,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem;
height: 1.5rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -364,7 +365,7 @@
margin-right: 0.5rem;
background: #BA68C8;
color: #ffffff;
border-radius: 4px;
border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@ -406,7 +407,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #BA68C8;
@ -432,8 +433,8 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar {
border: 1px solid #304562;
background: #1f2d40;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-editor-container .p-editor-content {
border: 1px solid #304562;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content .ql-editor {
background: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,15 @@
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-fluid .p-inputgroup .p-button {
@ -652,7 +653,7 @@
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 4px;
border-radius: 3px;
}
.p-inputtext:enabled:hover {
border-color: #BA68C8;
@ -720,7 +721,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #BA68C8;
@ -792,15 +793,15 @@
background: #304562;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
margin: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
@ -994,7 +995,7 @@
.p-slider {
background: #304562;
border: 0 none;
border-radius: 4px;
border-radius: 3px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
@ -1080,7 +1081,7 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-button:enabled:hover {
background: #AB47BC;
@ -1349,8 +1350,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1360,8 +1361,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1560,8 +1561,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #BA68C8;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
display: flex;
align-items: center;
}
@ -1656,12 +1657,12 @@
border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em;
margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
@ -1776,7 +1777,7 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1818,7 +1819,7 @@
height: 2.286em;
margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #BA68C8;
@ -1844,16 +1845,16 @@
padding: 1rem;
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem;
}
@ -1987,8 +1988,8 @@
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -1998,8 +1999,8 @@
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2197,8 +2198,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-accordion .p-accordion-tab {
margin-bottom: 0;
@ -2213,19 +2214,19 @@
border-top: 0 none;
}
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-card {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-card .p-card-body {
padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2290,8 +2291,8 @@
padding: 1rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -2377,22 +2378,22 @@
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
border-radius: 4px;
border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-dialog {
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border: 1px solid #304562;
}
@ -2401,8 +2402,8 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
text-align: right;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
border-radius: 4px;
border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1rem;
@ -2895,7 +2896,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none;
}
@ -2962,7 +2963,7 @@
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button i {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
font-weight: 600;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3128,8 +3129,8 @@
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem;
@ -3184,18 +3185,18 @@
border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 4px;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6);
padding: 1rem;
font-weight: 600;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0;
}
@ -3283,7 +3284,7 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 4px;
border-radius: 3px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
border-radius: 4px;
border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message {
margin: 1rem 0;
border-radius: 4px;
border-radius: 3px;
}
.p-message .p-message-wrapper {
padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3677,8 +3678,8 @@
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 4px;
border-radius: 4px;
border-radius: 3px;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
@ -3753,7 +3754,7 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 4px;
border-radius: 3px;
}
.p-tag.p-tag-success {
background-color: #C5E1A5;

View File

@ -1,11 +1,8 @@
<template>
<div :class="['layout-sidebar', {'active': active}]">
<div class="layout-menu">
<span>
<i class="pi pi-home"></i>
<span>General</span>
</span>
<div>
<div class="menu-category">General</div>
<div class="menu-items">
<router-link to="/setup">Get Started</router-link>
<router-link to="/theming">Theming</router-link>
<a href="https://www.primefaces.org/designer/primevue">Designer</a>
@ -13,22 +10,16 @@
<router-link to="/accessibility">Accessibility</router-link>
</div>
<span>
<i class="pi pi-cog"></i>
<span>Utilities</span>
</span>
<div>
<div class="menu-category">Utilities</div>
<div class="menu-items">
<router-link to="/icons">Icons</router-link>
<router-link to="/flexgrid">Grid System</router-link>
<router-link to="/elevation">Elevation</router-link>
<router-link to="/spacing">Spacing</router-link>
</div>
<span>
<i class="pi pi-id-card"></i>
<span>Form</span>
</span>
<div>
<div class="menu-category">Form</div>
<div class="menu-items">
<router-link to="/autocomplete">AutoComplete</router-link>
<router-link to="/calendar">Calendar</router-link>
<router-link to="/checkbox">Checkbox</router-link>
@ -54,20 +45,14 @@
<router-link to="/tristatecheckbox">TriStateCheckbox</router-link>
</div>
<span>
<i class="pi pi-mobile" style="transform: rotate(90deg);"></i>
<span>Button</span>
</span>
<div>
<div class="menu-category">Button</div>
<div class="menu-items">
<router-link to="/button">Button</router-link>
<router-link to="/splitbutton">SplitButton</router-link>
</div>
<span>
<i class="pi pi-list"></i>
<span>Data</span>
</span>
<div>
<div class="menu-category">Data</div>
<div class="menu-items">
<router-link to="/carousel">Carousel</router-link>
<router-link to="/datatable" v-slot="{ href, route, navigate, isActive }">
<div>
@ -154,11 +139,8 @@
</router-link>
</div>
<span>
<i class="pi pi-th-large"></i>
<span>Panel</span>
</span>
<div>
<div class="menu-category">Panel</div>
<div class="menu-items">
<router-link to="/accordion">Accordion</router-link>
<router-link to="/card">Card</router-link>
<router-link to="/deferredcontent">Deferred</router-link>
@ -169,30 +151,21 @@
<router-link to="/toolbar">Toolbar</router-link>
</div>
<span>
<i class="pi pi-clone"></i>
<span>Overlay</span>
</span>
<div>
<div class="menu-category">Overlay</div>
<div class="menu-items">
<router-link to="/dialog">Dialog</router-link>
<router-link to="/overlaypanel">OverlayPanel</router-link>
<router-link to="/sidebar">Sidebar</router-link>
<router-link to="/tooltip">Tooltip</router-link>
</div>
<span>
<i class="pi pi-file-o"></i>
<span>File</span>
</span>
<div>
<div class="menu-category">File</div>
<div class="menu-items">
<router-link to="/fileupload">Upload</router-link>
</div>
<span>
<i class="pi pi-bars"></i>
<span>Menu</span>
</span>
<div>
<div class="menu-category">Menu</div>
<div class="menu-items">
<router-link to="/menumodel">MenuModel</router-link>
<router-link to="/breadcrumb">Breadcrumb</router-link>
<router-link to="/contextmenu">ContextMenu</router-link>
@ -205,11 +178,8 @@
<router-link to="/tieredmenu">TieredMenu</router-link>
</div>
<span>
<i class="pi pi-chart-bar"></i>
<span>Chart</span>
</span>
<div>
<div class="menu-category">Chart</div>
<div class="menu-items">
<router-link to="/chart">ChartModel</router-link>
<router-link to="/chart/pie">Pie</router-link>
<router-link to="/chart/doughnut">Doughnut</router-link>
@ -220,20 +190,14 @@
<router-link to="/chart/combo">Combo</router-link>
</div>
<span>
<i class="pi pi-comment"></i>
<span>Messages</span>
</span>
<div>
<div class="menu-category">Messages</div>
<div class="menu-items">
<router-link to="/message">Message</router-link>
<router-link to="/toast">Toast</router-link>
</div>
<span>
<i class="pi pi-image"></i>
<span>Image</span>
</span>
<div>
<div class="menu-category">Media</div>
<div class="menu-items">
<router-link to="/galleria" v-slot="{ href, route, navigate, isActive }">
<div>
<a tabindex="0" @click="toggleSubmenu($event, 'galleria')">Galleria</a>
@ -257,11 +221,8 @@
</router-link>
</div>
<span>
<i class="pi pi-share-alt"></i>
<span>Misc</span>
</span>
<div>
<div class="menu-category">Misc</div>
<div class="menu-items">
<router-link to="/badge">Badge</router-link>
<router-link to="/blockui">BlockUI</router-link>
<router-link to="/inplace">Inplace</router-link>

View File

@ -28,6 +28,8 @@
height: 100%;
padding: 0;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
color: var(--text-color);
background-color: var(--surface-a);
.layout-config-button {
display: block;
@ -37,7 +39,7 @@
line-height: 52px;
background-color: var(--primary-color);
text-align: center;
color: var(--primary-color-text);
color: var(--primary-color-text);
top: 200px;
left: -51px;
z-index: -1;
@ -144,12 +146,11 @@
.free-themes {
padding: 2rem;
color: var(--text-color);
background-color: var(--layer-0);
img {
width: 50px;
border-radius: 4px;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)
}
span {
@ -197,16 +198,6 @@
.premium-themes {
padding: 2rem;
background-color: #212529;
color: #ffffff;
h3 {
color: #ffffff;
}
p {
color: #d8d8d8;
}
img {
width: 100%;

View File

@ -6,16 +6,12 @@
padding: 2rem;
&.introduction {
background-color: var(--layer-1);
background-color: var(--surface-b);
color: var(--text-color);
border-bottom: 1px solid var(--layer-2);
padding-bottom: 0;
.feature-intro {
h1 {
font-size: 2rem;
margin: 0 0 1.5rem 0;
font-weight: 700;
span {
font-weight: 400;
color: var(--text-color-secondary);
@ -24,8 +20,6 @@
p {
margin: 0;
line-height: 2;
font-size: 1.143rem;
}
a {
@ -39,55 +33,20 @@
}
}
}
+ .documentation {
border-top: 0 none;
}
}
&.implementation {
background-color: var(--layer-0);
background-color: var(--surface-b);
color: var(--text-color);
h3 {
font-weight: 500;
margin: 2rem 0 1rem 0;
font-size: 1.286rem;
color: var(--text-color);
&:first-child,
&.first {
margin-top: 0;
}
}
.component-sizes {
display: inline-flex;
flex-direction: column;
.p-component {
margin-bottom: 1rem;
flex: 0 0 auto;
&:last-child {
margin-bottom: 0;
}
}
+.documentation {
padding-top: 0;
}
}
&.documentation {
background-color: var(--layer-1);
background-color: var(--surface-b);
color: var(--text-color);
border-top: 1px solid var(--layer-2);
h3 {
margin-top: 1.5rem;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 500;
color: var(--text-color);
}
a {
text-decoration: none;
@ -99,20 +58,13 @@
}
}
p {
font-size: 1rem;
line-height: 1.5;
margin: .75rem 0;
color: var(--text-color);
}
.doc-tablewrapper {
margin: 1rem 0;
overflow: auto;
}
i:not([class~="pi"]) {
background-color: var(--layer-0);
background-color: var(--surface-a);
color: #2196f3;
font-family: Monaco, courier, monospace;
font-style: normal;
@ -132,7 +84,7 @@
.p-tabview-nav {
border-radius: 0;
padding: 0;
border-bottom: 1px solid var(--layer-2);
border-bottom: 1px solid var(--surface-d);
background-color: transparent;
li {
@ -158,6 +110,7 @@
}
&:hover {
background: transparent;
text-decoration: none;
}
}
@ -200,10 +153,10 @@
.doc-table {
border-collapse: collapse;
width: 100%;
background-color: var(--layer-0);
background-color: var(--surface-a);
th {
border-bottom: 1px solid var(--layer-2);
border-bottom: 1px solid var(--surface-d);
padding: 1rem;
text-align: left;
}
@ -211,9 +164,27 @@
tbody{
td {
padding: 1rem;
border-bottom: 1px solid var(--layer-2);
border-bottom: 1px solid var(--surface-d);
}
}
}
}
.card {
background: var(--surface-e);
padding: 2rem;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
border-radius: 4px;
margin-bottom: 2rem;
.card-header {
display: flex;
align-items: center;
justify-content: between;
}
&:last-child {
margin-bottom: 0;
}
}
}

View File

@ -22,7 +22,7 @@ body {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
background-color: var(--layer-0);
background-color: var(--surface-a);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
color: var(--text-color);
@ -71,14 +71,15 @@ a {
visibility: hidden;
}
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* Animation */
@-webkit-keyframes fadeInDown {
from {
@ -105,9 +106,9 @@ a {
}
pre[class*="language-"] code {
border-left: 10px solid var(--layer-2) !important;
border-left: 10px solid var(--surface-d) !important;
box-shadow: none !important;
background: var(--layer-0) !important;
background: var(--surface-e) !important;
margin: 1em 0;
color: var(--text-color);
font-size: 14px;
@ -156,4 +157,45 @@ pre[class*="language-"] code {
background-color: #708EA5;
color: #ffffff;
}
}
h1, h2, h3, h4, h5, h6 {
margin: 1.5rem 0 1rem 0;
font-family: inherit;
font-weight: 600;
line-height: 1.2;
color: inherit;
&:first-child {
margin-top: 0;
}
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
line-height: 1.5;
margin: 0 0 1rem 0;
}

View File

@ -1,5 +1,6 @@
.layout-footer {
font-size: 14px;
background-color: var(--surface-a);
a {
color: var(--text-color);

View File

@ -12,7 +12,7 @@
}
.introduction {
background-color: var(--layer-0);
background-color: var(--surface-a);
background: url('./assets/images/home/intro-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
@ -61,13 +61,13 @@
}
.features {
background-color: var(--layer-1);
background-color: var(--surface-b);
text-align: center;
padding: 0 30px 30px 30px;
.feature-card {
background-color: var(--layer-0);
box-shadow: 0 0.8px 1.7px rgba(0, 0, 0, 0.008), 0 1.9px 4.2px rgba(0, 0, 0, 0.012),0 3.6px 7.9px rgba(0, 0, 0, 0.015),0 6.5px 14.1px rgba(0, 0, 0, 0.018),0 12.1px 26.3px rgba(0, 0, 0, 0.022),0 29px 63px rgba(0, 0, 0, 0.03);
background-color: var(--surface-e);
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
height: 100%;
border-radius: 3px;
@ -109,7 +109,7 @@
.whouses {
background-color: #34495E;
color: #eAECEE;
color: #EAECEE;
text-align: center;
padding: 30px;
@ -138,10 +138,10 @@
}
.templates {
background-color: var(--layer-1);
background-color: var(--surface-b);
text-align: center;
padding: 30px;
border-bottom: 1px solid var(--layer-2);
border-bottom: 1px solid var(--surface-d);
h3 {
font-size:24px;
@ -157,6 +157,7 @@
img {
width: 100%;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}
a {
@ -165,7 +166,7 @@
}
.primevue-designer {
background-color: var(--layer-0);
background-color: var(--surface-a);
color: var(--text-color);
padding: 30px;
@ -183,8 +184,8 @@
}
.prosupport {
border-bottom: 1px solid var(--layer-0);
background-color: var(--layer-1);
border-bottom: 1px solid var(--surface-d);
background-color: var(--surface-b);
padding: 30px;
color: var(--text-color);

View File

@ -3,35 +3,32 @@
left: 0;
top: 70px;
height: calc(100% - 70px);
background-color: var(--layer-0);
background-color: var(--surface-a);
overflow: auto;
width: 250px;
border-right: 1px solid var(--layer-2);
border-right: 1px solid var(--surface-d);
user-select: none;
padding: 1rem;
.layout-menu {
> span {
width: 100%;
height: 3.5rem;
.menu-category {
display: block;
padding-left: 1.5rem;
background-color: var(--layer-1);
color: var(--text-color-secondary);
font-weight: 700;
font-weight: 600;
user-select: none;
transition: background-color .2s;
display: flex;
align-items: center;
padding: 1.5rem 0 1rem 0;
font-size: 0.857rem;
text-transform: uppercase;
border-top: 1px solid var(--surface-d);
span {
margin-left: .5rem;
display: block;
line-height: 1;
&:first-child {
border-top: 0 none;
padding-top: 1rem;
}
}
> div {
padding: 1rem;
.menu-items {
padding: 0 0 1rem 0;
display: flex;
flex-direction: column;
@ -44,7 +41,7 @@
cursor: pointer;
&:hover {
background-color: var(--layer-2);
background-color: var(--surface-c);
}
&:focus {

View File

@ -25,6 +25,7 @@
.layout-topbar {
text-align: center;
height: 111px;
.menu-button {
display: inline-block;
@ -39,13 +40,12 @@
}
.topbar-menu {
background-color: var(--layer-0);
background-color: var(--surface-a);
float: none;
width: 100%;
height: 41px;
margin: -1px 0 0 0;
border-bottom: 1px solid var(--layer-2);
border-top: 1px solid var(--layer-2);
margin: 0;
border-top: 1px solid var(--surface-d);
> li {
height: 40px;

View File

@ -1,5 +1,5 @@
.layout-topbar {
background-color: var(--layer-0);
background-color: var(--surface-a);
padding: 0;
height: 70px;
position: fixed;
@ -8,6 +8,7 @@
width: 100%;
z-index: 997;
box-shadow: 0 0 4px rgba(0,0,0,0.25);
border-bottom: 1px solid var(--surface-d);
.menu-button {
display: none;
@ -73,7 +74,7 @@
cursor: pointer;
&:hover {
background-color: var(--layer-2);
background-color: var(--surface-c);
}
&:focus {
@ -93,7 +94,7 @@
right: 0;
width: 275px;
max-height: 400px;
background-color: var(--layer-1);
background-color: var(--surface-a);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
overflow: auto;
list-style-type: none;
@ -127,7 +128,7 @@
cursor: pointer;
&:hover {
background-color: var(--layer-2);
background-color: var(--surface-c);
cursor: pointer;
}

View File

@ -8,102 +8,100 @@
</div>
<div class="content-section implementation">
<div class="p-card">
<div class="p-card-body" style="padding:0">
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
dataKey="id" :rowHover="true" :selection.sync="selectedCustomers" :filters="filters" :loading="loading"
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries">
<template #header>
<div class="table-header">
List of Customers
<span class="p-input-icon-left">
<i class="pi pi-search" />
<InputText v-model="filters['global']" placeholder="Global Search" />
</span>
</div>
<div class="card">
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
dataKey="id" :rowHover="true" :selection.sync="selectedCustomers" :filters="filters" :loading="loading"
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries">
<template #header>
<div class="table-header">
List of Customers
<span class="p-input-icon-left">
<i class="pi pi-search" />
<InputText v-model="filters['global']" placeholder="Global Search" />
</span>
</div>
</template>
<template #empty>
No customers found.
</template>
<template #loading>
Loading customers data. Please wait.
</template>
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="name" header="Name" :sortable="true">
<template #body="slotProps">
<span class="p-column-title">Name</span>
{{slotProps.data.name}}
</template>
<template #empty>
No customers found.
<template #filter>
<InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/>
</template>
<template #loading>
Loading customers data. Please wait.
</Column>
<Column header="Country" :sortable="true" sortField="country.name" filterField="country.name" filterMatchMode="contains">
<template #body="slotProps">
<span class="p-column-title">Country</span>
<img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.country.name}}</span>
</template>
<template #filter>
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
</template>
</Column>
<Column header="Representative" :sortable="true" sortField="representative.name" filterField="representative.name" filterMatchMode="in">
<template #body="slotProps">
<span class="p-column-title">Representative</span>
<img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.representative.name}}</span>
</template>
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="name" header="Name" :sortable="true">
<template #body="slotProps">
<span class="p-column-title">Name</span>
{{slotProps.data.name}}
</template>
<template #filter>
<InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/>
</template>
</Column>
<Column header="Country" :sortable="true" sortField="country.name" filterField="country.name" filterMatchMode="contains">
<template #body="slotProps">
<span class="p-column-title">Country</span>
<img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.country.name}}</span>
</template>
<template #filter>
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
</template>
</Column>
<Column header="Representative" :sortable="true" sortField="representative.name" filterField="representative.name" filterMatchMode="in">
<template #body="slotProps">
<span class="p-column-title">Representative</span>
<img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.representative.name}}</span>
</template>
<template #filter>
<MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
<template #option="slotProps">
<div class="p-multiselect-representative-option">
<img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.option.name}}</span>
</div>
</template>
</MultiSelect>
</template>
</Column>
<Column field="date" header="Date" :sortable="true" filterMatchMode="custom" :filterFunction="filterDate">
<template #body="slotProps">
<span class="p-column-title">Date</span>
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.date}}</span>
</template>
<template #filter>
<Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
</template>
</Column>
<Column field="status" header="Status" :sortable="true" filterMatchMode="equals">
<template #body="slotProps">
<span class="p-column-title">Status</span>
<span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span>
</template>
<template #filter>
<Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true">
<template #option="slotProps">
<span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
</template>
</Dropdown>
</template>
</Column>
<Column field="activity" header="Activity" :sortable="true" filterMatchMode="gte">
<template #body="slotProps">
<span class="p-column-title">Activity</span>
<ProgressBar :value="slotProps.data.activity" :showValue="false" />
</template>
<template #filter>
<InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
</template>
</Column>
<Column headerStyle="width: 8rem; text-align: center" bodyStyle="text-align: center; overflow: visible">
<template #body>
<Button type="button" icon="pi pi-cog" class="p-button-secondary"></Button>
</template>
</Column>
</DataTable>
</div>
<MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
<template #option="slotProps">
<div class="p-multiselect-representative-option">
<img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.option.name}}</span>
</div>
</template>
</MultiSelect>
</template>
</Column>
<Column field="date" header="Date" :sortable="true" filterMatchMode="custom" :filterFunction="filterDate">
<template #body="slotProps">
<span class="p-column-title">Date</span>
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.date}}</span>
</template>
<template #filter>
<Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
</template>
</Column>
<Column field="status" header="Status" :sortable="true" filterMatchMode="equals">
<template #body="slotProps">
<span class="p-column-title">Status</span>
<span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span>
</template>
<template #filter>
<Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true">
<template #option="slotProps">
<span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
</template>
</Dropdown>
</template>
</Column>
<Column field="activity" header="Activity" :sortable="true" filterMatchMode="gte">
<template #body="slotProps">
<span class="p-column-title">Activity</span>
<ProgressBar :value="slotProps.data.activity" :showValue="false" />
</template>
<template #filter>
<InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
</template>
</Column>
<Column headerStyle="width: 8rem; text-align: center" bodyStyle="text-align: center; overflow: visible">
<template #body>
<Button type="button" icon="pi pi-cog" class="p-button-secondary"></Button>
</template>
</Column>
</DataTable>
</div>
</div>

View File

@ -8,67 +8,77 @@
</div>
<div class="content-section implementation">
<h3 class="first">Single</h3>
<p>In single mode, a row is selected on click event of a row. If the row is already selected then the row gets unselected.</p>
<DataTable :value="cars" :selection.sync="selectedCar1" selectionMode="single" dataKey="vin">
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<div class="card">
<h3 class="first">Single</h3>
<p>In single mode, a row is selected on click event of a row. If the row is already selected then the row gets unselected.</p>
<DataTable :value="cars" :selection.sync="selectedCar1" selectionMode="single" dataKey="vin">
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>Multiple</h3>
<p>In multiple mode, selection binding should be an array. For touch enabled devices, selection is managed by tapping and for other devices metakey or shiftkey are required.
Setting metaKeySelection property as false enables multiple selection without meta key.</p>
<DataTable :value="cars" :selection.sync="selectedCars1" selectionMode="multiple" dataKey="vin">
<template #header>
Multiple Selection with MetaKey
</template>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<div class="card">
<h3>Multiple</h3>
<p>In multiple mode, selection binding should be an array. For touch enabled devices, selection is managed by tapping and for other devices metakey or shiftkey are required.
Setting metaKeySelection property as false enables multiple selection without meta key.</p>
<DataTable :value="cars" :selection.sync="selectedCars1" selectionMode="multiple" dataKey="vin">
<template #header>
Multiple Selection with MetaKey
</template>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<DataTable :value="cars" :selection.sync="selectedCars2" selectionMode="multiple" dataKey="vin" :metaKeySelection="false" style="margin-top: 2em">
<template #header>
Multiple Selection without MetaKey
</template>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<DataTable :value="cars" :selection.sync="selectedCars2" selectionMode="multiple" dataKey="vin" :metaKeySelection="false" style="margin-top: 2em">
<template #header>
Multiple Selection without MetaKey
</template>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>Events</h3>
<p>row-select and row-unselects are available as selection events.</p>
<DataTable :value="cars" :selection.sync="selectedCar2" selectionMode="single" dataKey="vin"
@row-select="onRowSelect" @row-unselect="onRowUnselect">
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<div class="card">
<h3>Events</h3>
<p>row-select and row-unselects are available as selection events.</p>
<DataTable :value="cars" :selection.sync="selectedCar2" selectionMode="single" dataKey="vin"
@row-select="onRowSelect" @row-unselect="onRowUnselect">
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>RadioButton</h3>
<p>Single selection can also be handled using radio buttons by enabling the selectionMode property of column as "single".</p>
<DataTable :value="cars" :selection.sync="selectedCar3" dataKey="vin">
<Column selectionMode="single" headerStyle="width: 3em"></Column>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<div class="card">
<h3>RadioButton</h3>
<p>Single selection can also be handled using radio buttons by enabling the selectionMode property of column as "single".</p>
<DataTable :value="cars" :selection.sync="selectedCar3" dataKey="vin">
<Column selectionMode="single" headerStyle="width: 3em"></Column>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>Checkbox</h3>
<p>Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as "multiple".</p>
<DataTable :value="cars" :selection.sync="selectedCars3" dataKey="vin">
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
<div class="card">
<h3>Checkbox</h3>
<p>Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as "multiple".</p>
<DataTable :value="cars" :selection.sync="selectedCars3" dataKey="vin">
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
</DataTable>
</div>
</div>
<div class="content-section documentation">

View File

@ -8,13 +8,15 @@
</div>
<div class="content-section implementation">
<h3 class="first">Basic</h3>
<InputSwitch v-model="checked1" />
<p style="font-weight: bold">{{checked1}}</p>
<div class="card">
<h3 class="first">Basic</h3>
<InputSwitch v-model="checked1" />
<p style="font-weight: bold">{{checked1}}</p>
<h3>Preselection</h3>
<InputSwitch v-model="checked2" />
<p style="font-weight: bold">{{checked2}}</p>
<h3>Preselection</h3>
<InputSwitch v-model="checked2" />
<p style="font-weight: bold">{{checked2}}</p>
</div>
</div>
<InputSwitchDoc/>

View File

@ -3,32 +3,34 @@
<div class="content-section introduction">
<div class="feature-intro">
<h1>Panel</h1>
<p>Panel is a grouping component with the optional content toggle feature.</p>
<p>Panel is a container with the optional content toggle feature.</p>
</div>
</div>
<div class="content-section implementation">
<h3 class="first">Regular</h3>
<Panel header="Godfather I">
<p>The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.</p>
</Panel>
<div class="card">
<h5>Regular</h5>
<Panel header="Header">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</Panel>
<h3>Advanced</h3>
<Panel header="Godfather I" :toggleable="true">
<template #icons>
<a tabindex="0" class="p-panel-header-icon" @click="toggle">
<span class="pi pi-cog"></span>
</a>
<Menu id="config_menu" ref="menu" :model="items" :popup="true" />
</template>
<p>The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.</p>
</Panel>
<h5>Advanced</h5>
<Panel header="Header" :toggleable="true">
<template #icons>
<a tabindex="0" class="p-panel-header-icon" @click="toggle">
<span class="pi pi-cog"></span>
</a>
<Menu id="config_menu" ref="menu" :model="items" :popup="true" />
</template>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</Panel>
</div>
</div>
<PanelDoc/>

View File

@ -2,23 +2,23 @@
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h3>Import</h3>
<h5>Import</h5>
<CodeHighlight lang="javascript">
import Panel from 'primevue/panel';
</CodeHighlight>
<h3>Getting Started</h3>
<h5>Getting Started</h5>
<p>Panel is a container component that accepts content as its children.</p>
<CodeHighlight>
&lt;Panel header="Godfather I"&gt;
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
&lt;Panel header="Header"&gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;/Panel&gt;
</CodeHighlight>
<h3>Custom Header</h3>
<h5>Custom Header</h5>
<p>Header of the panel is either defined with the <i>header</i> property or the header template.</p>
<CodeHighlight>
&lt;Panel&gt;
@ -29,14 +29,14 @@ import Panel from 'primevue/panel';
&lt;/Panel&gt;
</CodeHighlight>
<h3>Toggleable</h3>
<h5>Toggleable</h5>
<p>Content of the panel can be expanded and collapsed using <i>toggleable</i> option.</p>
<CodeHighlight>
&lt;Panel header="Godfather I" :toggleable="true"&gt;
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
&lt;Panel header="Header" :toggleable="true"&gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;/Panel&gt;
</CodeHighlight>
@ -56,12 +56,12 @@ import Panel from 'primevue/panel';
&lt;/Panel&gt;
</CodeHighlight>
<h3>Custom Icons</h3>
<h5>Custom Icons</h5>
<p>Additional icons can be placed at the header section of the panel using the special <i>icons</i> slot. For a unified look, it is suggest to add <i>.p-panel-header-icon</i>
class to your icons.</p>
<CodeHighlight>
&lt;h3&gt;Advanced&lt;/h3&gt;
&lt;Panel header="Godfather I"&gt;
&lt;h5&gt;Advanced&lt;/h5&gt;
&lt;Panel header="Header"&gt;
&lt;template #icons&gt;
&lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
&lt;span class="pi pi-cog"&gt;&lt;/span&gt;
@ -71,7 +71,7 @@ import Panel from 'primevue/panel';
&lt;/Panel&gt;
</CodeHighlight>
<h3>Properties</h3>
<h5>Properties</h5>
<p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
@ -106,7 +106,7 @@ import Panel from 'primevue/panel';
</table>
</div>
<h3>Events</h3>
<h5>Events</h5>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
@ -128,7 +128,7 @@ import Panel from 'primevue/panel';
</table>
</div>
<h3>Styling</h3>
<h5>Styling</h5>
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
@ -167,7 +167,7 @@ import Panel from 'primevue/panel';
</table>
</div>
<h3>Dependencies</h3>
<h5>Dependencies</h5>
<p>None.</p>
</TabPanel>
@ -178,26 +178,26 @@ import Panel from 'primevue/panel';
<CodeHighlight>
<template v-pre>
&lt;h3&gt;Regular&lt;/h3&gt;
&lt;Panel header="Godfather I"&gt;
&lt;p&gt;The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.&lt;/p&gt;
&lt;h5&gt;Regular&lt;/h5&gt;
&lt;Panel header="Header"&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
&lt;/Panel&gt;
&lt;h3&gt;Advanced&lt;/h3&gt;
&lt;Panel header="Godfather I" :toggleable="true"&gt;
&lt;h5&gt;Advanced&lt;/h5&gt;
&lt;Panel header="Header" :toggleable="true"&gt;
&lt;template #icons&gt;
&lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
&lt;span class="pi pi-cog"&gt;&lt;/span&gt;
&lt;/a&gt;
&lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
&lt;/template&gt;
&lt;p&gt;The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.&lt;/p&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
&lt;/Panel&gt;
</template>
</CodeHighlight>