mirror of
https://github.com/BlowaterNostr/blowater.git
synced 2024-10-18 23:43:23 +00:00
16 lines
1.0 KiB
TypeScript
16 lines
1.0 KiB
TypeScript
import { DividerBackgroundColor, PlaceholderColor, PrimaryTextColor } from "../style/colors.ts";
|
|
|
|
export const CenterClass = "flex items-center justify-center";
|
|
export const NoOutlineClass = "focus:outline-none focus-visible:outline-none";
|
|
export const inputBorderClass = `border-[2px] border-[${DividerBackgroundColor}]`;
|
|
export const DividerClass = `h-[0.0625rem] bg-[${DividerBackgroundColor}] my-[1.5rem]`;
|
|
export const LinearGradientsClass = "bg-gradient-to-r from-[#FF762C] via-[#FF3A5E] to-[#FF01A9]";
|
|
export const InputClass =
|
|
`w-full px-[1rem] py-[0.75rem] rounded-lg resize-y bg-transparent ${NoOutlineClass} ${inputBorderClass} text-[${PrimaryTextColor}] placeholder-[${PlaceholderColor}]`;
|
|
|
|
export const ButtonClass =
|
|
"rounded px-4 py-2 text-[#F3F4EA] focus:outline-none focus-visible:outline-none disabled:cursor-not-allowed";
|
|
export const IconButtonClass =
|
|
`focus:outline-none focus-visible:outline-none rounded-full hover:bg-[#42464D] ${CenterClass}`;
|
|
export const KeyboradClass = "px-1 bg-[#2F3136] rounded-sm";
|