Mirrored_Repos/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-08-09 20:24:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve design of placeholder item

Browse Source 
Also makes it show the error backtrace
This commit is contained in:
syeopite
2025-02-28 20:42:07 -08:00
parent dbeee71457
commit 9de69c0052
4 changed files with 79 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
assets/css/default.css
View File

@@ -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;
}