Defect fixes for QA
parent
d0b3208ab7
commit
d06c51c328
|
@ -5,7 +5,7 @@
|
|||
<ConfirmDialog group="templating">
|
||||
<template #message="slotProps">
|
||||
<div class="flex flex-col items-center w-full gap-4 border-b border-surface-200 dark:border-surface-700">
|
||||
<i :class="slotProps.message.icon" class="text-6xl text-primary-500"></i>
|
||||
<i :class="slotProps.message.icon" class="!text-6xl text-primary-500"></i>
|
||||
<p>{{ slotProps.message.message }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -25,7 +25,7 @@ export default {
|
|||
<ConfirmDialog group="templating">
|
||||
<template #message="slotProps">
|
||||
<div class="flex flex-col items-center w-full gap-4 border-b border-surface-200 dark:border-surface-700">
|
||||
<i :class="slotProps.message.icon" class="text-6xl text-primary-500"></i>
|
||||
<i :class="slotProps.message.icon" class="!text-6xl text-primary-500"></i>
|
||||
<p>{{ slotProps.message.message }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -37,7 +37,7 @@ export default {
|
|||
<ConfirmDialog group="templating">
|
||||
<template #message="slotProps">
|
||||
<div class="flex flex-col items-center w-full gap-4 border-b border-surface-200 dark:border-surface-700">
|
||||
<i :class="slotProps.message.icon" class="text-5xl text-primary-500"></i>
|
||||
<i :class="slotProps.message.icon" class="!text-6xl text-primary-500"></i>
|
||||
<p>{{ slotProps.message.message }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -85,7 +85,7 @@ export default {
|
|||
<ConfirmDialog group="templating">
|
||||
<template #message="slotProps">
|
||||
<div class="flex flex-col items-center w-full gap-4 border-b border-surface-200 dark:border-surface-700">
|
||||
<i :class="slotProps.message.icon" class="text-6xl text-primary-500"></i>
|
||||
<i :class="slotProps.message.icon" class="!text-6xl text-primary-500"></i>
|
||||
<p>{{ slotProps.message.message }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
</div>
|
||||
<div class="config-panel-settings">
|
||||
<span class="config-panel-label">Presets</span>
|
||||
<SelectButton v-model="$appState.preset" @update:modelValue="onPresetChange" :options="presets" :unselectable="false" />
|
||||
<SelectButton v-model="$appState.preset" @update:modelValue="onPresetChange" :options="presets" :allowEmpty="false" />
|
||||
</div>
|
||||
<div class="config-panel-settings">
|
||||
<span class="config-panel-label">Ripple</span>
|
||||
|
|
|
@ -15,6 +15,7 @@ const theme = ({ dt }) => `
|
|||
.p-carousel-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: ${dt('carousel.content.gap')};
|
||||
}
|
||||
|
||||
.p-carousel-viewport {
|
||||
|
|
|
@ -1,5 +1,10 @@
|
|||
export default {
|
||||
root: {
|
||||
transitionDuration: '{transition.duration}'
|
||||
},
|
||||
content: {
|
||||
gap: '0.25rem'
|
||||
},
|
||||
indicatorList: {
|
||||
padding: '1rem',
|
||||
gap: '0.5rem'
|
||||
|
@ -16,8 +21,6 @@ export default {
|
|||
shadow: '{focus.ring.shadow}'
|
||||
}
|
||||
},
|
||||
transitionDuration: '{transition.duration}'
|
||||
},
|
||||
colorScheme: {
|
||||
light: {
|
||||
indicator: {
|
||||
|
|
|
@ -1,5 +1,10 @@
|
|||
export default {
|
||||
root: {
|
||||
transitionDuration: '{transition.duration}'
|
||||
},
|
||||
content: {
|
||||
gap: '0.25rem'
|
||||
},
|
||||
indicatorList: {
|
||||
padding: '1rem',
|
||||
gap: '0.5rem'
|
||||
|
@ -16,8 +21,6 @@ export default {
|
|||
shadow: '{focus.ring.shadow}'
|
||||
}
|
||||
},
|
||||
transitionDuration: '{transition.duration}'
|
||||
},
|
||||
colorScheme: {
|
||||
light: {
|
||||
indicator: {
|
||||
|
|
|
@ -1,5 +1,10 @@
|
|||
export default {
|
||||
root: {
|
||||
transitionDuration: '{transition.duration}'
|
||||
},
|
||||
content: {
|
||||
gap: '0.25rem'
|
||||
},
|
||||
indicatorList: {
|
||||
padding: '1rem',
|
||||
gap: '0.5rem'
|
||||
|
@ -16,8 +21,6 @@ export default {
|
|||
shadow: '{focus.ring.shadow}'
|
||||
}
|
||||
},
|
||||
transitionDuration: '{transition.duration}'
|
||||
},
|
||||
colorScheme: {
|
||||
light: {
|
||||
indicator: {
|
||||
|
|
|
@ -15,6 +15,24 @@ export interface CarouselDesignTokens extends ColorSchemeDesignToken<CarouselDes
|
|||
* Used to pass tokens of the root section
|
||||
*/
|
||||
root?: {
|
||||
/**
|
||||
* Transition duration of root
|
||||
*
|
||||
* @designToken carousel.transition.duration
|
||||
*/
|
||||
transitionDuration?: string;
|
||||
};
|
||||
/**
|
||||
* Used to pass tokens of the content section
|
||||
*/
|
||||
content?: {
|
||||
/**
|
||||
* Gap of the content
|
||||
*
|
||||
* @designToken carousel.content.gap
|
||||
*/
|
||||
gap?: string;
|
||||
};
|
||||
/**
|
||||
* Indicator list of root
|
||||
*/
|
||||
|
@ -54,6 +72,24 @@ export interface CarouselDesignTokens extends ColorSchemeDesignToken<CarouselDes
|
|||
* @designToken carousel.indicator.border.radius
|
||||
*/
|
||||
borderRadius?: string;
|
||||
/**
|
||||
* Background of indicator
|
||||
*
|
||||
* @designToken carousel.indicator.background
|
||||
*/
|
||||
background?: string;
|
||||
/**
|
||||
* Hover background of indicator
|
||||
*
|
||||
* @designToken carousel.indicator.hover.background
|
||||
*/
|
||||
hoverBackground?: string;
|
||||
/**
|
||||
* Active background of indicator
|
||||
*
|
||||
* @designToken carousel.indicator.active.background
|
||||
*/
|
||||
activeBackground?: string;
|
||||
/**
|
||||
* Indicator focus ring of root
|
||||
*/
|
||||
|
@ -90,34 +126,4 @@ export interface CarouselDesignTokens extends ColorSchemeDesignToken<CarouselDes
|
|||
shadow?: string;
|
||||
};
|
||||
};
|
||||
/**
|
||||
* Transition duration of root
|
||||
*
|
||||
* @designToken carousel.transition.duration
|
||||
*/
|
||||
transitionDuration?: string;
|
||||
};
|
||||
/**
|
||||
* Used to pass tokens of the indicator section
|
||||
*/
|
||||
indicator?: {
|
||||
/**
|
||||
* Background of indicator
|
||||
*
|
||||
* @designToken carousel.indicator.background
|
||||
*/
|
||||
background?: string;
|
||||
/**
|
||||
* Hover background of indicator
|
||||
*
|
||||
* @designToken carousel.indicator.hover.background
|
||||
*/
|
||||
hoverBackground?: string;
|
||||
/**
|
||||
* Active background of indicator
|
||||
*
|
||||
* @designToken carousel.indicator.active.background
|
||||
*/
|
||||
activeBackground?: string;
|
||||
};
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue