diff options
| author | syeopite <syeopite@syeopite.dev> | 2025-02-28 20:42:07 -0800 |
|---|---|---|
| committer | syeopite <syeopite@syeopite.dev> | 2025-03-19 22:52:03 -0700 |
| commit | 9de69c0052b004c22a1d83f10193e13d1f3d5c58 (patch) | |
| tree | dad59bab89f44e250c8b1d92bf8745688915b06b /assets/css | |
| parent | dbeee714577846e496eedbf4fb18cf20c66115ea (diff) | |
| download | invidious-9de69c0052b004c22a1d83f10193e13d1f3d5c58.tar.gz invidious-9de69c0052b004c22a1d83f10193e13d1f3d5c58.tar.bz2 invidious-9de69c0052b004c22a1d83f10193e13d1f3d5c58.zip | |
Improve design of placeholder item
Also makes it show the error backtrace
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/default.css | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 2cedcf0c..8de224eb 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -816,3 +816,50 @@ h1, h2, h3, h4, h5, p, #download_widget { width: 100%; } + +.error-card { + display: flex; + flex-direction: column; + align-items: center; + padding: 25px; + margin-bottom: 1em; + border-radius: 10px; + border: 1px solid black; + box-sizing: border-box; + height: 100%; +} + +.error-card > .explanation { + display: grid; + grid-template-columns: max-content 1fr; + grid-template-rows: 1fr max-content; + column-gap: 10px; + row-gap: 4px; +} + +.error-card > .explanation > i { + grid-area: 1 / 1 / 2 / 2; +} + +.error-card > .explanation > h4 { + grid-area: 1 / 2 / 2 / 3; + margin: 0; +} + +.error-card > .explanation > p { + grid-area: 2 / 2 / 3 / 3; + margin: 0; +} + +.error-card details { + margin-top: 10px; + width: 100%; +} + +.error-card summary { + width: 100%; +} + +.error-card pre { + height: 300px; +}
\ No newline at end of file |