From 572bfcee6ce343c6bf9d69262576de4e57c01500 Mon Sep 17 00:00:00 2001
From: Vendicated <vendicated@riseup.net>
Date: Tue, 27 Sep 2022 16:57:46 +0200
Subject: Fix Settings UI

---
 src/components/Flex.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/components/Flex.tsx

(limited to 'src/components/Flex.tsx')

diff --git a/src/components/Flex.tsx b/src/components/Flex.tsx
new file mode 100644
index 0000000..c369767
--- /dev/null
+++ b/src/components/Flex.tsx
@@ -0,0 +1,17 @@
+import { PropsWithChildren } from "react";
+import type { React } from '../webpack/common';
+
+export function Flex(props: React.PropsWithChildren<{
+    flexDirection?: React.CSSProperties["flexDirection"];
+    style?: React.CSSProperties;
+}>) {
+    props.style ??= {};
+    props.style.flexDirection ||= props.flexDirection;
+    props.style.gap ??= "1em";
+    props.style.display = "flex";
+    return (
+        <div {...props}>
+            {props.children}
+        </div>
+    );
+}
-- 
cgit 

