AST

TUI/modalscreen/search.tcss

@@ -0,0 +1,121 @@
+/* Search Modal Screen Styling */
+
+SearchModal {
+    align: center middle;
+}
+
+Screen {
+    layout: vertical;
+}
+
+#search-container {
+    width: 140;
+    height: 40;
+    background: $panel;
+    border: solid $primary;
+    layout: vertical;
+}
+
+Static#search-title {
+    height: 3;
+    dock: top;
+    text-align: center;
+    text-style: bold;
+    color: $accent;
+    background: $boost;
+    padding: 1 2;
+}
+
+#search-controls {
+    height: auto;
+    layout: horizontal;
+    padding: 1;
+    border: solid $primary;
+}
+
+#source-select {
+    width: 20;
+    margin-right: 1;
+}
+
+#search-input {
+    width: 1fr;
+    margin-right: 1;
+}
+
+#search-button {
+    width: 12;
+}
+
+#results-table {
+    height: 1fr;
+    border: solid $primary;
+}
+
+DataTable {
+    border: solid $accent;
+}
+
+DataTable > .datatable--header {
+    background: $boost;
+    color: $accent;
+    text-style: bold;
+}
+
+DataTable > .datatable--cursor-row {
+    background: $accent;
+}
+
+#bottom-controls {
+    height: auto;
+    layout: horizontal;
+    padding: 1;
+    border: solid $primary;
+}
+
+#tags-column {
+    width: 1fr;
+    layout: vertical;
+    padding-right: 1;
+    height: auto;
+}
+
+#result-tags-textarea {
+    height: 10;
+    width: 1fr;
+    border: solid $accent;
+}
+
+#source-submit-column {
+    width: 20;
+    layout: vertical;
+    padding-left: 1;
+    height: auto;
+}
+
+#library-source-select {
+    width: 1fr;
+    margin-bottom: 1;
+}
+
+#submit-button {
+    width: 1fr;
+}
+
+#search-buttons {
+    height: 3;
+    dock: bottom;
+    layout: horizontal;
+    padding: 1;
+    border: solid $primary;
+    align: center middle;
+}
+
+#select-button {
+    width: 12;
+    margin-right: 2;
+}
+
+#cancel-button {
+    width: 12;
+}