AST

TUI/modalscreen/export.tcss

@@ -0,0 +1,85 @@
+/* Export Modal Screen Styling */
+
+ExportModal {
+    align: center middle;
+}
+
+#export-container {
+    width: 140;
+    height: 55;
+    background: $panel;
+    border: solid $primary;
+    layout: grid;
+    grid-columns: 1fr 1fr 1fr;
+    grid-rows: auto 1fr auto;
+}
+
+#export-title {
+    height: 1;
+    text-align: center;
+    text-style: bold;
+    color: $accent;
+    background: $boost;
+    padding: 1 2;
+    column-span: 3;
+}
+
+/* Row 1: Three columns */
+#tags-area {
+    height: 1fr;
+    column-span: 1;
+    border: solid mediumvioletred;
+}
+
+#metadata-display {
+    height: 1fr;
+    column-span: 1;
+    border: solid dodgerblue;
+    overflow: auto;
+    padding: 1;
+}
+
+#export-options {
+    height: 1fr;
+    column-span: 1;
+    border: solid mediumpurple;
+    layout: vertical;
+    padding: 1;
+}
+
+#export-options Select,
+#export-options Input {
+    height: 3;
+    margin: 0 0 1 0;
+}
+
+#custom-path-input {
+    height: 3;
+    margin: 0 0 1 0;
+}
+
+#libraries-select {
+    height: 3;
+    margin: 0 0 1 0;
+}
+
+#size-input {
+    height: 3;
+    margin: 0 0 1 0;
+}
+
+#format-select {
+    height: 3;
+}
+
+/* Row 2: Buttons */
+#export-buttons {
+    height: auto;
+    column-span: 3;
+    layout: horizontal;
+}
+
+#export-buttons Button {
+    width: 1fr;
+    margin: 0 1;
+}