forked from github/plane
3c2f5d12ed
* chore: add next theme and initial setup * chore: add dark mode colors to layouts * chore: user general setting page theming * chore: dashboard theming * chore: project page theming * chore: workspace setting page theming * chore: my issue page theming * chore: cmdk theming * chore: change hardcode bg and text color to theme * chore: change color name according to the design * style: fix card in the dashboard * style: fix merge conflict design issues * style: add light high contrast and dark high contrast * style: fix cmd k menu color and selection * feat: change theme from cmdk menu * chore: add multiple theme field to custom theme * chore: removed custom theming * fix: build error --------- Co-authored-by: Saheb Giri <iamsahebgiri@gmail.com>
30 lines
588 B
TypeScript
30 lines
588 B
TypeScript
import React from "react";
|
|
|
|
type Props = {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
};
|
|
|
|
const Loader = ({ children, className = "" }: Props) => (
|
|
<div className={`${className} animate-pulse`} role="status">
|
|
{children}
|
|
</div>
|
|
);
|
|
|
|
type ItemProps = {
|
|
height?: string;
|
|
width?: string;
|
|
light?: boolean;
|
|
};
|
|
|
|
const Item: React.FC<ItemProps> = ({ height = "auto", width = "auto", light }) => (
|
|
<div
|
|
className={`rounded-md ${light ? "bg-brand-surface-2" : "bg-gray-300"}`}
|
|
style={{ height: height, width: width }}
|
|
/>
|
|
);
|
|
|
|
Loader.Item = Item;
|
|
|
|
export { Loader };
|