86 lines
1.2 KiB
Plaintext
86 lines
1.2 KiB
Plaintext
/* 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;
|
|
}
|