vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Sizing support

pull/310/head
cagataycivici 2020-05-05 13:35:18 +03:00
parent 6832562fa4
commit c7a6877346
17 changed files with 303 additions and 202 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
public/themes/luna-amber/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #dedede;
background: #585858;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #FFB300;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #dedede;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #FFB300;
border: 1px solid #FFB300;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #212121;
background: #FFB300;
border: 1px solid #FFB300;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #191919;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.143em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/luna-green/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #dedede;
background: #585858;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #1ea04c;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #dedede;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #1ea04c;
border: 1px solid #1ea04c;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #1ea04c;
border: 1px solid #1ea04c;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #191919;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.143em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/luna-pink/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #dedede;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #dedede;
background: #585858;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #cc285c;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #dedede;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #cc285c;
border: 1px solid #cc285c;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #cc285c;
border: 1px solid #cc285c;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #191919;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.143em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/nova-colored/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #333333;
background: #ffffff;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #007ad9;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #333333;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #007ad9;
border: 1px solid #007ad9;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #007ad9;
border: 1px solid #007ad9;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #ffffff;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.145em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/nova-dark/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #333333;
background: #ffffff;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #007ad9;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #333333;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #007ad9;
border: 1px solid #007ad9;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #007ad9;
border: 1px solid #007ad9;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #ffffff;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.145em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/nova-light/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #333333;
background: #ffffff;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #007ad9;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #333333;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #007ad9;
border: 1px solid #007ad9;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #007ad9;
border: 1px solid #007ad9;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #ffffff;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.145em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/nova-vue/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #333333;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #333333;
background: #ffffff;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #41b883;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #333333;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #41b883;
border: 1px solid #41b883;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #41b883;
border: 1px solid #41b883;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #ffffff;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.145em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

37
public/themes/rhea/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 2px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #666666;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.857em 0;
}
.p-datepicker table th {
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #666666;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #666666;
background: #f4f4f4;
padding: 0.429em 0.429em;
@ -845,7 +851,7 @@
border-color: #7B95A3;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 20px;
color: #666666;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #7B95A3;
border: 1px solid #7B95A3;
padding: 0.429em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
@ -1253,7 +1258,7 @@
padding: 0.857em 1em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 0.857em 1em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #7B95A3;
border: 1px solid #7B95A3;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 0.857em 1em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-size: 14px;
font-size: 1em;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
@ -2157,7 +2162,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 700;
font-size: 14px;
font-size: 1em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: auto;
@ -2736,7 +2741,7 @@
background: #ffffff;
min-width: 28px;
height: 28px;
font-size: 16px;
font-size: 1.143em;
z-index: 1;
border-radius: 50%;
}
@ -3313,7 +3318,7 @@
padding: 0.571em 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

39
public/themes/saga-blue/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.5em 0;
}
.p-datepicker table th {
@ -240,10 +246,10 @@
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.286em;
font-size: 1.25em;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.429em;
padding: 0 0.5em;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.5em 0.5em;
@ -845,7 +851,7 @@
border-color: #3498DB;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 14px;
color: #495057;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #3498DB;
border: 1px solid #3498DB;
padding: 0.5em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #3498DB;
border: 1px solid #3498DB;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -2174,7 +2179,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 600;
font-size: 18px;
font-size: 1.25em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: 2em;
@ -3347,7 +3352,7 @@
padding: 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

39
public/themes/saga-green/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.5em 0;
}
.p-datepicker table th {
@ -240,10 +246,10 @@
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.286em;
font-size: 1.25em;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.429em;
padding: 0 0.5em;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.5em 0.5em;
@ -845,7 +851,7 @@
border-color: #1ABC9C;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 14px;
color: #495057;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #1ABC9C;
border: 1px solid #1ABC9C;
padding: 0.5em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #1ABC9C;
border: 1px solid #1ABC9C;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -2174,7 +2179,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 600;
font-size: 18px;
font-size: 1.25em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: 2em;
@ -3347,7 +3352,7 @@
padding: 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

39
public/themes/saga-orange/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.5em 0;
}
.p-datepicker table th {
@ -240,10 +246,10 @@
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.286em;
font-size: 1.25em;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.429em;
padding: 0 0.5em;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.5em 0.5em;
@ -845,7 +851,7 @@
border-color: #F39C12;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 14px;
color: #495057;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #F39C12;
border: 1px solid #F39C12;
padding: 0.5em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #F39C12;
border: 1px solid #F39C12;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -2174,7 +2179,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 600;
font-size: 18px;
font-size: 1.25em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: 2em;
@ -3347,7 +3352,7 @@
padding: 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

39
public/themes/saga-purple/theme.css
View File

@ -5,10 +5,16 @@
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
}
.p-component.p-component-sm {
font-size: 0.75rem;
}
.p-component.p-component-lg {
font-size: 1.25rem;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
@ -24,7 +30,7 @@
}
.p-link {
font-size: 14px;
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: 3px;
}
@ -73,7 +79,7 @@
}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -177,7 +183,7 @@
margin-right: 0.5em;
}
.p-datepicker table {
font-size: 14px;
font-size: 1rem;
margin: 0.5em 0;
}
.p-datepicker table th {
@ -240,10 +246,10 @@
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.286em;
font-size: 1.25em;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.429em;
padding: 0 0.5em;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
@ -361,7 +367,7 @@
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
@ -629,7 +635,7 @@
}
.p-inputtext {
font-size: 14px;
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.5em 0.5em;
@ -845,7 +851,7 @@
border-color: #9B59B6;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
font-size: 12px;
font-size: 0.75em;
transition-duration: 0.2s;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
@ -863,7 +869,6 @@
}
.p-rating .p-rating-icon {
font-size: 14px;
color: #495057;
margin-left: 0.5em;
transition: color 0.2s, box-shadow 0.2s;
@ -1057,7 +1062,7 @@
background: #9B59B6;
border: 1px solid #9B59B6;
padding: 0.5em 1em;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
@ -1253,7 +1258,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-datatable .p-datatable-footer {
@ -1390,7 +1395,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-dataview .p-dataview-content {
@ -1442,7 +1447,7 @@
color: #ffffff;
background: #9B59B6;
border: 1px solid #9B59B6;
font-size: 14px;
font-size: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
@ -1820,7 +1825,7 @@
padding: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 18px;
font-size: 1.25em;
font-weight: 600;
}
.p-treetable .p-treetable-footer {
@ -2174,7 +2179,7 @@
}
.p-dialog .p-dialog-titlebar .p-dialog-title {
font-weight: 600;
font-size: 18px;
font-size: 1.25em;
}
.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
width: 2em;
@ -3347,7 +3352,7 @@
padding: 1em;
}
.p-terminal .p-terminal-input {
font-size: 14px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

19
src/assets/styles/app.scss
View File

@ -14,6 +14,10 @@
$focusBorderColor:#8dcdff;
html {
font-size: 14px;
}
body {
margin: 0px;
height: 100%;
@ -25,7 +29,6 @@ body {
color: #495057;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
}
@ -538,6 +541,20 @@ a {
}
}
.component-sizes {
display: inline-flex;
flex-direction: column;
.p-component {
margin-bottom: 1em;
flex: 0 0 auto;
&:last-child{
margin-bottom: 0;
}
}
}
&.content-submenu {
background-color: #3e5265;
padding: 15px 30px;

7
src/views/button/ButtonDemo.vue
View File

@ -45,6 +45,13 @@
<Button label="Delete" icon="pi pi-trash" />
<Button label="Cancel" icon="pi pi-times" />
</span>
<h3>Sizes</h3>
<div class="component-sizes">
<Button label="Small" icon="pi pi-check" class="p-component-sm" />
<Button label="Normal" icon="pi pi-check" />
<Button icon="pi pi-check" label="Large" class="p-component-lg" />
</div>
</div>
<ButtonDoc/>

7
src/views/button/ButtonDoc.vue
View File

@ -176,6 +176,13 @@ import Button from 'primevue/button';
&lt;Button label="Delete" icon="pi pi-trash" /&gt;
&lt;Button label="Cancel" icon="pi pi-times" /&gt;
&lt;/span&gt;
&lt;h3&gt;Sizes&lt;/h3&gt;
&lt;div class="component-sizes"&gt;
&lt;Button label="Small" icon="pi pi-check" class="p-component-sm" /&gt;
&lt;Button label="Normal" icon="pi pi-check" /&gt;
&lt;Button icon="pi pi-check" label="Large" class="p-component-lg" /&gt;
&lt;/div&gt;
</template>
</CodeHighlight>

13
src/views/inputtext/InputTextDemo.vue
View File

@ -23,6 +23,13 @@
<h3>Invalid</h3>
<InputText type="text" class="p-error" />
<h3>Sizes</h3>
<div class="component-sizes">
<InputText type="text" class="p-component-sm" placeholder="Small" />
<InputText type="text" placeholder="Normal" />
<InputText type="text" class="p-component-lg" placeholder="Large" />
</div>
</div>
<InputTextDoc />
@ -44,8 +51,4 @@ export default {
'InputTextDoc': InputTextDoc
}
}
</script>
<style>
</style>
</script>

7
src/views/inputtext/InputTextDoc.vue
View File

@ -72,6 +72,13 @@ import InputText from 'primevue/inputtext';
&lt;h3&gt;Invalid&lt;/h3&gt;
&lt;InputText type="text" class="p-error" /&gt;
&lt;h3&gt;Sizes&lt;/h3&gt;
&lt;div class="component-sizes"&gt;
&lt;InputText type="text" class="p-component-sm" placeholder="Small" /&gt;
&lt;InputText type="text" placeholder="Normal" /&gt;
&lt;InputText type="text" class="p-component-lg" placeholder="Large" /&gt;
&lt;/div&gt;
</template>
</CodeHighlight>