keep-vue
Version:
Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.
21 lines (20 loc) • 837 B
JavaScript
export const keepDrawerTheme = {
content: {
base: "fixed z-50 flex border bg-white dark:border-metal-900 dark:bg-metal-900",
position: {
top: "inset-x-0 top-0 flex-col-reverse rounded-t-[10px] h-1/2",
bottom: "inset-x-0 bottom-0 mt-24 flex-col rounded-t-[10px] h-1/2 ",
left: "bottom-0 left-0 top-0 w-1/2 ml-3 flex-row-reverse lg:w-3/12 h-auto",
right: "bottom-0 right-0 top-0 w-1/2 mr-3 flex-row lg:w-3/12 h-auto",
},
},
bar: {
base: "mx-auto h-2 w-[100px] rounded-full bg-metal-200",
position: {
top: "mb-4 mt-3",
bottom: "mt-4",
left: "relative bottom-1/2 left-6 top-1/2 rotate-90 cursor-grab ",
right: "relative -left-6 bottom-1/2 top-1/2 rotate-90 cursor-grab",
},
},
};