refactor(time options): Apply new layout to time options

This commit is contained in:
alexsparkes
2024-08-24 00:22:51 +01:00
parent f7bbf04070
commit 030c056aed
2 changed files with 31 additions and 17 deletions

View File

@@ -8,7 +8,7 @@ import values from 'utils/data/slider_values.json';
const Preview = (props) => {
return (
<div>
<div className="h-full">
<h1 className="py-3 uppercase tracking-tight text-neutral-300">Preview</h1>
<div className="bg-modal-content-light dark:bg-modal-content-dark p-10 rounded">
{props.children}
@@ -69,7 +69,7 @@ const Controls = (props) => {
};
return (
<div>
<div className="h-full">
<h1 className="py-3 uppercase tracking-tight text-neutral-300">Controls</h1>
<div className="bg-modal-content-light dark:bg-modal-content-dark p-10 rounded flex flex-col gap-10">
{props.visibilityToggle && <VisibilityToggle />}
@@ -92,7 +92,7 @@ const Controls = (props) => {
const Hero = (props) => {
return (
<div className="grid grid-cols-2 w-full rounded gap-10 auto-rows-[1fr] ">{props.children}</div>
<div className="grid grid-cols-2 w-full rounded gap-10 auto-rows-[1fr]">{props.children}</div>
);
};