diff options
Diffstat (limited to 'src/components/Content/Content.module.scss')
| -rw-r--r-- | src/components/Content/Content.module.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/components/Content/Content.module.scss b/src/components/Content/Content.module.scss new file mode 100644 index 0000000..8908516 --- /dev/null +++ b/src/components/Content/Content.module.scss | |||
| @@ -0,0 +1,51 @@ | |||
| 1 | .content { | ||
| 2 | width: 100%; | ||
| 3 | height: 100%; | ||
| 4 | display: flex; | ||
| 5 | flex-flow: column nowrap; | ||
| 6 | overflow: hidden; | ||
| 7 | } | ||
| 8 | |||
| 9 | .header { | ||
| 10 | flex-shrink: 0; | ||
| 11 | flex-grow: 0; | ||
| 12 | width: 100%; | ||
| 13 | display: flex; | ||
| 14 | padding: 0.5em; | ||
| 15 | background-color: black; | ||
| 16 | color: white; | ||
| 17 | } | ||
| 18 | |||
| 19 | .body { | ||
| 20 | flex-grow: 1; | ||
| 21 | flex-shrink: 1; | ||
| 22 | overflow-y: auto; | ||
| 23 | |||
| 24 | pre { | ||
| 25 | width: 100%; | ||
| 26 | height: 100%; | ||
| 27 | padding: 1em; | ||
| 28 | font-family: monospace; | ||
| 29 | overflow: auto; | ||
| 30 | } | ||
| 31 | |||
| 32 | iframe { | ||
| 33 | height: 100%; | ||
| 34 | width: 100%; | ||
| 35 | } | ||
| 36 | } | ||
| 37 | |||
| 38 | .renderError { | ||
| 39 | width: 100%; | ||
| 40 | height: 100%; | ||
| 41 | display: flex; | ||
| 42 | flex-flow: column nowrap; | ||
| 43 | justify-content: center; | ||
| 44 | align-items: center; | ||
| 45 | |||
| 46 | a { | ||
| 47 | margin-top: 1em; | ||
| 48 | text-decoration: underline; | ||
| 49 | color: blue; | ||
| 50 | } | ||
| 51 | } | ||
