mirror of
https://github.com/ConvoyPanel/panel.git
synced 2026-06-13 17:02:48 +08:00
42 lines
708 B
TypeScript
42 lines
708 B
TypeScript
import styled from '@emotion/styled'
|
|
import tw from 'twin.macro'
|
|
|
|
const Row = styled.div`
|
|
${tw`flex flex-col md:flex-row p-4 gap-4 bg-background border border-accent-200 rounded`}
|
|
|
|
& > div {
|
|
${tw`border-t pt-4 md:pt-0 md:border-t-0 border-accent-200`}
|
|
}
|
|
|
|
& > div:is(:first-of-type) {
|
|
${tw`border-t-0 pt-0`}
|
|
}
|
|
`
|
|
|
|
const Group = styled.div`
|
|
${tw`flex flex-col`}
|
|
|
|
& > div {
|
|
${tw`rounded-none`}
|
|
}
|
|
|
|
& > div:is(:first-of-type) {
|
|
${tw`rounded-t`}
|
|
}
|
|
|
|
& > div:not(:first-of-type) {
|
|
${tw`-mt-[1px]`}
|
|
}
|
|
|
|
& > div:is(:last-child) {
|
|
${tw`rounded-b`}
|
|
}
|
|
`
|
|
|
|
const Display = {
|
|
Row,
|
|
Group,
|
|
}
|
|
|
|
export default Display
|