diff options
| author | 2022-01-23 19:25:56 +0100 | |
|---|---|---|
| committer | 2022-01-25 22:06:58 +0100 | |
| commit | 2f27e222add9bf10b55971ab915ac411e81d24f0 (patch) | |
| tree | 6ed9ea87932809d57d5db9d3c638a88a954ab8e2 /src/components/Details/Details.module.scss | |
| parent | 51a2ac628822e96459b3d570eada953ac8927d43 (diff) | |
| download | client-2f27e222add9bf10b55971ab915ac411e81d24f0.tar.gz client-2f27e222add9bf10b55971ab915ac411e81d24f0.tar.bz2 client-2f27e222add9bf10b55971ab915ac411e81d24f0.zip | |
Rewritten ui to use boostrap
Diffstat (limited to 'src/components/Details/Details.module.scss')
| -rw-r--r-- | src/components/Details/Details.module.scss | 66 |
1 files changed, 0 insertions, 66 deletions
diff --git a/src/components/Details/Details.module.scss b/src/components/Details/Details.module.scss index 32197f0..146b5d8 100644 --- a/src/components/Details/Details.module.scss +++ b/src/components/Details/Details.module.scss | |||
| @@ -16,69 +16,3 @@ | |||
| 16 | flex-shrink: 1; | 16 | flex-shrink: 1; |
| 17 | overflow-y: auto; | 17 | overflow-y: auto; |
| 18 | } | 18 | } |
| 19 | |||
| 20 | .summary { | ||
| 21 | font-size: 2em; | ||
| 22 | } | ||
| 23 | |||
| 24 | .tabs { | ||
| 25 | display: flex; | ||
| 26 | border-bottom: 1px solid black; | ||
| 27 | |||
| 28 | &:last-child { | ||
| 29 | flex-grow: 1; | ||
| 30 | } | ||
| 31 | } | ||
| 32 | |||
| 33 | .tab { | ||
| 34 | background-color: white; | ||
| 35 | border: none; | ||
| 36 | border-top: 1px solid black; | ||
| 37 | border-right: 1px solid black; | ||
| 38 | border-radius: 0; | ||
| 39 | color: black; | ||
| 40 | font-size: 1.2em; | ||
| 41 | padding: 0.5em; | ||
| 42 | |||
| 43 | &.selected { | ||
| 44 | background-color: black; | ||
| 45 | color: white; | ||
| 46 | } | ||
| 47 | } | ||
| 48 | |||
| 49 | .emptySpace { | ||
| 50 | flex-grow: 1; | ||
| 51 | display: flex; | ||
| 52 | justify-content: flex-end; | ||
| 53 | align-items: center; | ||
| 54 | font-size: 1.2em; | ||
| 55 | padding: 0.5em; | ||
| 56 | } | ||
| 57 | |||
| 58 | .resend { | ||
| 59 | margin-left: 1em; | ||
| 60 | } | ||
| 61 | |||
| 62 | .headers { | ||
| 63 | display: grid; | ||
| 64 | grid-template-columns: auto 1fr; | ||
| 65 | border: 1px solid black; | ||
| 66 | margin: 1em; | ||
| 67 | overflow-x: auto; | ||
| 68 | |||
| 69 | h2 { | ||
| 70 | grid-column: 1/ span 2; | ||
| 71 | background-color: black; | ||
| 72 | color: white; | ||
| 73 | padding: 0.5em; | ||
| 74 | } | ||
| 75 | |||
| 76 | > div { | ||
| 77 | line-break: auto; | ||
| 78 | padding: 0.5em; | ||
| 79 | |||
| 80 | &:nth-of-type(4n), &:nth-of-type(4n - 1) { | ||
| 81 | background-color: lightgray; | ||
| 82 | } | ||
| 83 | } | ||
| 84 | } | ||
