pull/345/head
cagataycivici 2020-05-13 17:54:04 +03:00
parent a9bcdb3939
commit 5b5570979e
26 changed files with 303 additions and 237 deletions

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.429rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #64B5F6; color: #64B5F6;
background: #1C2833; background: #1C2833;
border: 1px solid #64B5F6; border: 1px solid #64B5F6;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #42A5F5; color: #42A5F5;
border-color: #42A5F5; border-color: #42A5F5;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #BBDEFB; box-shadow: 0 0 0 0.1rem #BBDEFB;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #2196F3; color: #2196F3;
border-color: #2196F3; border-color: #2196F3;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #4DD0E1; color: #4DD0E1;
background: #1C2833; background: #1C2833;
border: 1px solid #4DD0E1; border: 1px solid #4DD0E1;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #26C6DA; color: #26C6DA;
border-color: #26C6DA; border-color: #26C6DA;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #B2EBF2; box-shadow: 0 0 0 0.1rem #B2EBF2;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #00BCD4; color: #00BCD4;
border-color: #00BCD4; border-color: #00BCD4;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #9575CD; color: #9575CD;
background: #1C2833; background: #1C2833;
border: 1px solid #9575CD; border: 1px solid #9575CD;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #7E57C2; color: #7E57C2;
border-color: #7E57C2; border-color: #7E57C2;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #D1C4E9; box-shadow: 0 0 0 0.1rem #D1C4E9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #673AB7; color: #673AB7;
border-color: #673AB7; border-color: #673AB7;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #81C784; color: #81C784;
background: #1C2833; background: #1C2833;
border: 1px solid #81C784; border: 1px solid #81C784;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #66BB6A; color: #66BB6A;
border-color: #66BB6A; border-color: #66BB6A;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #C8E6C9; box-shadow: 0 0 0 0.1rem #C8E6C9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #4CAF50; color: #4CAF50;
border-color: #4CAF50; border-color: #4CAF50;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #7986CB; color: #7986CB;
background: #1C2833; background: #1C2833;
border: 1px solid #7986CB; border: 1px solid #7986CB;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #5C6BC0; color: #5C6BC0;
border-color: #5C6BC0; border-color: #5C6BC0;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #C5CAE9; box-shadow: 0 0 0 0.1rem #C5CAE9;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #3F51B5; color: #3F51B5;
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #FFD54F; color: #FFD54F;
background: #1C2833; background: #1C2833;
border: 1px solid #FFD54F; border: 1px solid #FFD54F;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #FFCA28; color: #FFCA28;
border-color: #FFCA28; border-color: #FFCA28;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFECB3; box-shadow: 0 0 0 0.1rem #FFECB3;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #FFC107; color: #FFC107;
border-color: #FFC107; border-color: #FFC107;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #BA68C8; color: #BA68C8;
background: #1C2833; background: #1C2833;
border: 1px solid #BA68C8; border: 1px solid #BA68C8;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #AB47BC; color: #AB47BC;
border-color: #AB47BC; border-color: #AB47BC;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1BEE7; box-shadow: 0 0 0 0.1rem #E1BEE7;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #9C27B0; color: #9C27B0;
border-color: #9C27B0; border-color: #9C27B0;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -1103,6 +1103,7 @@
} }
.p-button.p-button-icon-only { .p-button.p-button-icon-only {
width: 2.357rem; width: 2.357rem;
padding: 0.5rem 0;
} }
.p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right { .p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem; width: 2.357rem;
} }
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #4DB6AC; color: #4DB6AC;
background: #1C2833; background: #1C2833;
border: 1px solid #4DB6AC; border: 1px solid #4DB6AC;
} }
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #26A69A; color: #26A69A;
border-color: #26A69A; border-color: #26A69A;
} }
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #B2DFDB; box-shadow: 0 0 0 0.1rem #B2DFDB;
} }
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #009688; color: #009688;
border-color: #009688; border-color: #009688;
} }
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529; color: #212529;
background: #4FC3F7; background: #4FC3F7;
border: 1px solid #4FC3F7; border: 1px solid #4FC3F7;
} }
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: #29B6F6; border-color: #29B6F6;
} }
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE; box-shadow: 0 0 0 0.1rem #E1F5FE;
} }
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4; background: #03A9F4;
color: #212529; color: #212529;
border-color: #03A9F4; border-color: #03A9F4;
} }
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529; color: #212529;
background: #AED581; background: #AED581;
border: 1px solid #AED581; border: 1px solid #AED581;
} }
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: #9CCC65; border-color: #9CCC65;
} }
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9; box-shadow: 0 0 0 0.1rem #F1F8E9;
} }
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A; background: #8BC34A;
color: #212529; color: #212529;
border-color: #8BC34A; border-color: #8BC34A;
} }
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529; color: #212529;
background: #FFB74D; background: #FFB74D;
border: 1px solid #FFB74D; border: 1px solid #FFB74D;
} }
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726; background: #FFA726;
color: #212529; color: #212529;
border-color: #FFA726; border-color: #FFA726;
} }
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7; box-shadow: 0 0 0 0.1rem #FFFDE7;
} }
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800; background: #FF9800;
color: #212529; color: #212529;
border-color: #FF9800; border-color: #FF9800;
} }
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529; color: #212529;
background: #E57373; background: #E57373;
border: 1px solid #E57373; border: 1px solid #E57373;
} }
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350; background: #EF5350;
color: #212529; color: #212529;
border-color: #EF5350; border-color: #EF5350;
} }
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE; box-shadow: 0 0 0 0.1rem #FFEBEE;
} }
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336; background: #F44336;
color: #212529; color: #212529;
border-color: #F44336; border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem; font-size: 2rem;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-sm .p-datatable-footer { .p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-datatable.p-datatable-lg .p-datatable-header { .p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem; padding: 0.875rem 0.875rem;
} }
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-sm .p-treetable-footer { .p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem; padding: 0.5rem 0.5rem;
} }
.p-treetable.p-treetable-lg .p-treetable-header { .p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem; padding: 1.25rem 1.25rem;

View File

@ -40,6 +40,11 @@ export default {
theme: 'saga-blue' theme: 'saga-blue'
} }
}, },
mounted() {
if (this.isOutdatedIE()) {
this.$toast.add({severity: 'warn', summary: 'Limited Functionality', detail: 'Although PrimeVue supports IE11, ThemeSwitcher in this application cannot be not fully supported by your browser. Please use a modern browser for the best experience of the showcase.'});
}
},
watch: { watch: {
$route: { $route: {
immediate: true, immediate: true,
@ -99,6 +104,14 @@ export default {
return element.classList.contains(className); return element.classList.contains(className);
else else
return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className); return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
},
isOutdatedIE() {
let ua = window.navigator.userAgent;
if (ua.indexOf('MSIE ') > 0 || ua.indexOf('Trident/') > 0) {
return true;
}
return false;
} }
}, },
components: { components: {

View File

@ -41,7 +41,7 @@ Vue.component('Dialog', Dialog);
<CodeHighlight> <CodeHighlight>
&lt;meta charset="utf-8"&gt; &lt;meta charset="utf-8"&gt;
&lt;title&gt;calendar demo&lt;/title&gt; &lt;title&gt;calendar demo&lt;/title&gt;
&lt;link href="https://unpkg.com/primevue/resources/themes/nova-light/theme.css " rel="stylesheet"&gt; &lt;link href="https://unpkg.com/primevue/resources/themes/saga-blue/theme.css " rel="stylesheet"&gt;
&lt;link href="https://unpkg.com/primevue/resources/primevue.min.css " rel="stylesheet"&gt; &lt;link href="https://unpkg.com/primevue/resources/primevue.min.css " rel="stylesheet"&gt;
&lt;link href="https://unpkg.com/primeicons/primeicons.css " rel="stylesheet"&gt; &lt;link href="https://unpkg.com/primeicons/primeicons.css " rel="stylesheet"&gt;
&lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt; &lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
@ -67,7 +67,7 @@ new Vue({
<CodeHighlight lang="js"> <CodeHighlight lang="js">
dependencies: { dependencies: {
"vue": "^2.6.10", "vue": "^2.6.10",
"primeicons": "^2.0.0" "primeicons": "^3.0.0"
} }
</CodeHighlight> </CodeHighlight>
@ -105,10 +105,39 @@ dependencies: {
<p>The css dependencies are as follows, note that you may change the theme with another one of your choice. If you are using a bundler such as webpack with a css loader you <p>The css dependencies are as follows, note that you may change the theme with another one of your choice. If you are using a bundler such as webpack with a css loader you
may import them to your main application component.</p> may import them to your main application component.</p>
<CodeHighlight class="language-javascript"> <CodeHighlight lang="js">
primevue/resources/themes/nova-light/theme.css //theme primevue/resources/themes/saga-blue/theme.css //theme
primevue/resources/primevue.min.css //shared css primevue/resources/primevue.min.css //core css
primeicons/primeicons.css //icons primeicons/primeicons.css //icons
</CodeHighlight>
<h3>Free Themes</h3>
<p>PrimeVue ships with 25 free themes to choose from, import paths are as follows.</p>
<CodeHighlight lang="css">
primevue/resources/themes/saga-blue/theme.css
primevue/resources/themes/saga-cyan/theme.css
primevue/resources/themes/saga-deeppurple/theme.css
primevue/resources/themes/saga-green/theme.css
primevue/resources/themes/saga-indigo/theme.css
primevue/resources/themes/saga-orange/theme.css
primevue/resources/themes/saga-purple/theme.css
primevue/resources/themes/vela-blue/theme.css
primevue/resources/themes/vela-cyan/theme.css
primevue/resources/themes/vela-deeppurple/theme.css
primevue/resources/themes/vela-green/theme.css
primevue/resources/themes/vela-indigo/theme.css
primevue/resources/themes/vela-orange/theme.css
primevue/resources/themes/vela-purple/theme.css
primevue/resources/themes/vela-teal/theme.css
primevue/resources/themes/nova-light/theme.css
primevue/resources/themes/nova-dark/theme.css
primevue/resources/themes/nova-colored/theme.css
primevue/resources/themes/nova-vue/theme.css
primevue/resources/themes/luna-amber/theme.css
primevue/resources/themes/luna-blue/theme.css
primevue/resources/themes/luna-green/theme.css
primevue/resources/themes/luna-pink/theme.css
primevue/resources/themes/rhea/theme.css
</CodeHighlight> </CodeHighlight>
<h3>Quickstart</h3> <h3>Quickstart</h3>