increase frontend flexibility

frontend/src/composables/Alignment.ts

@@ -0,0 +1,5 @@
+export enum Alignment {
+    Start = 'align-start',
+    Center = 'align-center',
+    End = 'align-end',
+}

frontend/src/composables/Direction.ts

@@ -0,0 +1,4 @@
+export enum Direction {
+    Row = 'row',
+    Column = 'column',
+}

frontend/src/composables/GapSize.ts

@@ -0,0 +1,6 @@
+export enum GapSize {
+    None = '',
+    Thin = 'gap-half',
+    Normal = 'gap-full',
+    Wide = 'gap-wide',
+}

frontend/src/composables/Justification.ts

@@ -0,0 +1,6 @@
+export enum Justification {
+    Start = 'justify-start',
+    Center = 'justify-center',
+    Between = 'justify-between',
+    End = 'justify-end',
+}

frontend/src/composables/ScreenType.ts

@@ -0,0 +1,7 @@
+export enum ScreenType {
+    Standard = '',
+    Page = 'page',
+    Wide = 'wide',
+    Tall = 'tall',
+    WideTall = 'wide tall',
+}