haicord/src/components/PluginSettings/styles.ts
megumin 5625d63e46
Settings 2.0 (#107)
Co-authored-by: Vendicated <vendicated@riseup.net>
2022-10-17 20:18:25 +01:00

24 lines
593 B
TypeScript

export const PluginsGrid: React.CSSProperties = {
marginTop: 16,
display: "grid",
gridGap: 16,
gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))",
};
export const PluginsGridItem: React.CSSProperties = {
backgroundColor: "var(--background-modifier-selected)",
color: "var(--interactive-active)",
borderRadius: 3,
cursor: "pointer",
display: "block",
height: 150,
padding: 10,
width: "100%",
};
export const FiltersBar: React.CSSProperties = {
gap: 10,
height: 40,
gridTemplateColumns: "1fr 150px",
display: "grid"
};