mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 11:28:23 -07:00
91 lines
1.5 KiB
CSS
91 lines
1.5 KiB
CSS
.formDialog {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
}
|
|
|
|
.formDialogHeader {
|
|
padding: 1em .5em;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.formDialogHeader, .formDialogFooter {
|
|
background-color: #222326;
|
|
}
|
|
|
|
.formDialogHeaderTitle {
|
|
margin-left: .25em;
|
|
/* In case of h1, h2, h3 */
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.formDialogContent {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.dialogContentInner {
|
|
padding: .5em 1em 20em 1em;
|
|
}
|
|
|
|
.dialogContentInner-mini {
|
|
padding-bottom: 10em;
|
|
}
|
|
|
|
.dialog-content-centered {
|
|
margin: 0 auto;
|
|
max-width: 53em;
|
|
}
|
|
|
|
.dialogContentTitle {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.formDialogFooter {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
display: flex;
|
|
padding: 1.25em 1em;
|
|
/* Without this emby-checkbox is able to appear on top */
|
|
z-index: 1;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.formDialogFooterItem {
|
|
margin-left: .5em !important;
|
|
margin-right: .5em !important;
|
|
flex-grow: 1;
|
|
text-align: center;
|
|
flex-basis: 0;
|
|
}
|
|
|
|
@media all and (min-width: 800px) {
|
|
|
|
.formDialogFooterItem {
|
|
max-width: 80%;
|
|
}
|
|
|
|
.dialogContentInner {
|
|
padding-left: 1.5em;
|
|
padding-right: 1.5em;
|
|
}
|
|
}
|
|
|
|
@media all and (min-width: 1280px) {
|
|
|
|
.formDialogFooterItem {
|
|
max-width: 70%;
|
|
}
|
|
|
|
.dialogContentInner {
|
|
padding-left: 2em;
|
|
padding-right: 2em;
|
|
}
|
|
}
|