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

Merge branch 'prod'

pull/5880/head
Cagatay Civici 2024-06-13 13:46:49 +03:00
parent ea1a86c8f1 0e8d643772
commit 243f36099c
3 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
apps/showcase/components/landing/samples/CardsApp.vue
View File

@ -295,14 +295,14 @@
v-model="memberSelectedTypes[0]" v-model="memberSelectedTypes[0]"
:options="memberTypes" :options="memberTypes"
optionLabel="name" optionLabel="name"
placeholder="Select a role" placeholder="Select"
class="w-16" class="!w-16"
:pt="{ :pt="{
root: { class: 'border-0 shadow-none' }, root: { class: '!border-0 !shadow-none' },
label: { class: 'p-0 text-muted-color text-sm' }, label: { class: '!p-0 !text-muted-color !text-sm' },
dropdown: { class: 'p-0 w-auto' }, dropdown: { class: '!p-0 !w-auto' },
dropdownicon: { class: 'w-3 h-3' }, dropdownicon: { class: '!w-3 !h-3' },
option: { class: 'text-sm px-2 py-1' } option: { class: '!text-sm !px-2 !py-1' }
}" }"
/> />
</div> </div>
@ -316,14 +316,14 @@
v-model="memberSelectedTypes[1]" v-model="memberSelectedTypes[1]"
:options="memberTypes" :options="memberTypes"
optionLabel="name" optionLabel="name"
placeholder="Select a role" placeholder="Select"
class="w-16" class="!w-16"
:pt="{ :pt="{
root: { class: 'border-0 shadow-none' }, root: { class: '!border-0 !shadow-none' },
label: { class: 'p-0 text-muted-color text-sm' }, label: { class: '!p-0 !text-muted-color !text-sm' },
dropdown: { class: 'p-0 w-auto' }, dropdown: { class: '!p-0 !w-auto' },
dropdownicon: { class: 'w-3 h-3' }, dropdownicon: { class: '!w-3 !h-3' },
option: { class: 'text-sm px-2 py-1' } option: { class: '!text-sm !px-2 !py-1' }
}" }"
/> />
</div> </div>
@ -337,14 +337,14 @@
v-model="memberSelectedTypes[2]" v-model="memberSelectedTypes[2]"
:options="memberTypes" :options="memberTypes"
optionLabel="name" optionLabel="name"
placeholder="Select a role" placeholder="Select"
class="w-16" class="!w-16"
:pt="{ :pt="{
root: { class: 'border-0 shadow-none' }, root: { class: '!border-0 !shadow-none' },
label: { class: 'p-0 text-muted-color text-sm' }, label: { class: '!p-0 !text-muted-color !text-sm' },
dropdown: { class: 'p-0 w-auto' }, dropdown: { class: '!p-0 !w-auto' },
dropdownicon: { class: 'w-3 h-3' }, dropdownicon: { class: '!w-3 !h-3' },
option: { class: 'text-sm px-2 py-1' } option: { class: '!text-sm !px-2 !py-1' }
}" }"
/> />
</div> </div>

4
apps/showcase/components/landing/samples/MoviesApp.vue
View File

@ -51,10 +51,10 @@
:showValue="false" :showValue="false"
:pt="{ :pt="{
root: { root: {
class: 'h-1.5 bg-surface-950 dark:bg-surface-50 rounded-full' class: '!h-1.5 !bg-surface-950 dark:!bg-surface-50 !rounded-full'
}, },
value: { value: {
class: 'bg-surface-0 dark:bg-surface-950 rounded-full' class: '!bg-surface-0 dark:!bg-surface-950 !rounded-full'
} }
}" }"
></ProgressBar> ></ProgressBar>

2
apps/showcase/doc/theming/styled/ArchitectureDoc.vue
View File

@ -3,7 +3,7 @@
<p> <p>
PrimeVue is a design agnostic library so unlike some other UI libraries it does not enforce a certain styling such as material design. Styling is decoupled from the components using the themes instead. A theme consists of two parts; PrimeVue is a design agnostic library so unlike some other UI libraries it does not enforce a certain styling such as material design. Styling is decoupled from the components using the themes instead. A theme consists of two parts;
<i>base</i> and <i>preset</i>. The base is the style rules with CSS variables as placeholders whereas the preset is a set of design tokens to feed a base by mapping the tokens to CSS variables. A base may be configured with different <i>base</i> and <i>preset</i>. The base is the style rules with CSS variables as placeholders whereas the preset is a set of design tokens to feed a base by mapping the tokens to CSS variables. A base may be configured with different
presets, currently Aura is the only preset and in upcoming version more presets will be available. presets, currently Aura, Lara and Nora are the available presets and in upcoming version more presets will be available such as Material Design.
</p> </p>
<img alt="Architecture" src="https://primefaces.org/cdn/primevue/images/primevue-v4-styled-architecture.png" class="w-full mb-4" /> <img alt="Architecture" src="https://primefaces.org/cdn/primevue/images/primevue-v4-styled-architecture.png" class="w-full mb-4" />
<p>The core of the styled mode architecture is based on a concept named <i>design token</i>, a preset defines the token configuration in 3 tiers; <i>primitive</i>, <i>semantic</i> and <i>component</i>.</p> <p>The core of the styled mode architecture is based on a concept named <i>design token</i>, a preset defines the token configuration in 3 tiers; <i>primitive</i>, <i>semantic</i> and <i>component</i>.</p>