8ebde8aa05
Some checks failed
Branch Build CE / Build Setup (push) Has been cancelled
Branch Build CE / Build-Push Admin Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Web Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Space Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Live Collaboration Docker Image (push) Has been cancelled
Branch Build CE / Build-Push API Server Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Proxy Docker Image (push) Has been cancelled
Branch Build CE / Build-Push AIO Docker Image (push) Has been cancelled
Branch Build CE / Upload Build Assets (push) Has been cancelled
Branch Build CE / Build Release (push) Has been cancelled
CodeQL / Analyze (javascript) (push) Has been cancelled
CodeQL / Analyze (python) (push) Has been cancelled
Codespell / Check for spelling errors (push) Has been cancelled
Sync Repositories / sync_changes (push) Has been cancelled
Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
export enum ECardVariant {
|
|
WITHOUT_SHADOW = "without-shadow",
|
|
WITH_SHADOW = "with-shadow",
|
|
}
|
|
export enum ECardDirection {
|
|
ROW = "row",
|
|
COLUMN = "column",
|
|
}
|
|
export enum ECardSpacing {
|
|
SM = "sm",
|
|
LG = "lg",
|
|
}
|
|
export type TCardVariant = ECardVariant.WITHOUT_SHADOW | ECardVariant.WITH_SHADOW;
|
|
export type TCardDirection = ECardDirection.ROW | ECardDirection.COLUMN;
|
|
export type TCardSpacing = ECardSpacing.SM | ECardSpacing.LG;
|
|
|
|
export interface ICardProperties {
|
|
[key: string]: string;
|
|
}
|
|
|
|
const DEFAULT_STYLE =
|
|
"bg-custom-background-100 rounded-lg border-[0.5px] border-custom-border-200 w-full flex flex-col";
|
|
export const containerStyle: ICardProperties = {
|
|
[ECardVariant.WITHOUT_SHADOW]: "",
|
|
[ECardVariant.WITH_SHADOW]: "hover:shadow-custom-shadow-4xl duration-300",
|
|
};
|
|
export const spacings = {
|
|
[ECardSpacing.SM]: "p-4",
|
|
[ECardSpacing.LG]: "p-6",
|
|
};
|
|
export const directions = {
|
|
[ECardDirection.ROW]: "flex-row space-x-3",
|
|
[ECardDirection.COLUMN]: "flex-col space-y-3",
|
|
};
|
|
export const getCardStyle = (variant: TCardVariant, spacing: TCardSpacing, direction: TCardDirection) =>
|
|
DEFAULT_STYLE + " " + directions[direction] + " " + containerStyle[variant] + " " + spacings[spacing];
|