| swissChili | 16de322 | 2024-03-08 17:55:11 -0500 | [diff] [blame^] | 1 | .query-row { |
| 2 | display: grid; |
| 3 | grid-template-columns: 3fr 2fr min-content; |
| 4 | width: 100%; |
| 5 | grid-gap: 8px; |
| 6 | margin-bottom: 0; |
| 7 | } |
| 8 | |
| 9 | html { |
| 10 | overflow: hidden; |
| 11 | } |
| 12 | |
| 13 | body { |
| 14 | font-family: system-ui; |
| 15 | overflow: hidden; |
| 16 | position: fixed; |
| 17 | width: 100vw; |
| 18 | height: 100vh; |
| 19 | margin: 0; |
| 20 | padding: 8px; |
| 21 | box-sizing: border-box; |
| 22 | } |
| 23 | |
| 24 | #app { |
| 25 | display: grid; |
| 26 | grid-template-rows: min-content 1fr; |
| 27 | width: 100%; |
| 28 | height: 100%; |
| 29 | } |
| 30 | |
| 31 | .table-container { |
| 32 | overflow-y: scroll; |
| 33 | margin-top: 8px; |
| 34 | /* border: 1px solid gray;*/ |
| 35 | } |
| 36 | |
| 37 | table { |
| 38 | width: 100%; |
| 39 | border-collapse: collapse; |
| 40 | margin: 0; |
| 41 | background: white; |
| 42 | font-size: 0.85rem!important; |
| 43 | table-layout: fixed; |
| 44 | } |
| 45 | td { |
| 46 | padding: 2px 4px; |
| 47 | } |
| 48 | |
| 49 | thead { |
| 50 | background: rgb(242,242,247); |
| 51 | color: rgb(72,72,74); |
| 52 | position: sticky; |
| 53 | top: 0; |
| 54 | } |
| 55 | |
| 56 | td:last-child { |
| 57 | text-align: right; |
| 58 | } |