68 lines
2.0 KiB
CSS
68 lines
2.0 KiB
CSS
.p-inputgroup,
|
|
.p-inputgroup .p-floatlabel,
|
|
.p-inputgroup .p-iftalabel {
|
|
@apply flex items-stretch w-full
|
|
}
|
|
|
|
.p-inputgroup .p-inputtext,
|
|
.p-inputgroup .p-inputwrapper {
|
|
@apply flex-auto w-[1%]
|
|
}
|
|
|
|
.p-inputgroupaddon {
|
|
@apply flex items-center justify-center p-2 min-w-10
|
|
border-y border-surface-300 dark:border-surface-700
|
|
bg-surface-0 dark:bg-surface-950 text-surface-400
|
|
}
|
|
|
|
.p-inputgroupaddon:first-child,
|
|
.p-inputgroupaddon + .p-inputgroupaddon {
|
|
@apply border-s
|
|
}
|
|
|
|
.p-inputgroupaddon:last-child {
|
|
@apply border-e
|
|
}
|
|
|
|
.p-inputgroup > .p-component,
|
|
.p-inputgroup > .p-inputwrapper > .p-component,
|
|
.p-inputgroup > .p-floatlabel > .p-component,
|
|
.p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component,
|
|
.p-inputgroup > .p-iftalabel > .p-component,
|
|
.p-inputgroup > .p-iftalabel > .p-inputwrapper > .p-component {
|
|
@apply rounded-none m-0
|
|
}
|
|
|
|
.p-inputgroupaddon:first-child,
|
|
.p-inputgroup > .p-component:first-child,
|
|
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
|
|
.p-inputgroup > .p-floatlabel:first-child > .p-component,
|
|
.p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component,
|
|
.p-inputgroup > .p-iftalabel:first-child > .p-component,
|
|
.p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component {
|
|
@apply rounded-s-md
|
|
}
|
|
|
|
.p-inputgroupaddon:last-child,
|
|
.p-inputgroup > .p-component:last-child,
|
|
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
|
|
.p-inputgroup > .p-floatlabel:last-child > .p-component,
|
|
.p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component,
|
|
.p-inputgroup > .p-iftalabel:last-child > .p-component,
|
|
.p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component {
|
|
@apply rounded-e-md
|
|
}
|
|
|
|
.p-inputgroup .p-component:focus,
|
|
.p-inputgroup .p-component.p-focus,
|
|
.p-inputgroup .p-inputwrapper-focus,
|
|
.p-inputgroup .p-component:focus ~ label,
|
|
.p-inputgroup .p-component.p-focus ~ label,
|
|
.p-inputgroup .p-inputwrapper-focus ~ label {
|
|
@apply z-10
|
|
}
|
|
|
|
.p-inputgroup > .p-button:not(.p-button-icon-only) {
|
|
@apply w-auto
|
|
}
|