Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #727 from Stremio/fix/modal-dialog-style-issues

Browse source 
fix: modal dialog styles issues
This commit is contained in:
Tim 2024-11-16 22:25:56 +01:00 committed by GitHub
commit 9be4ff28aa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/ModalDialog/ModalDialog.js
View file

@ -70,7 +70,7 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
:
null
}
<div className={styles['modal-dialog-content']}>
<div className={styles['body-container']}>
{children}
</div>
{

11
src/common/ModalDialog/styles.less
View file

@ -67,6 +67,7 @@
.modal-dialog-content {
z-index: 1;
position: relative;
overflow-y: auto;
.title-container {
flex: 1 0 auto;
@ -78,7 +79,7 @@
color: var(--primary-foreground-color);
}
.modal-dialog-content {
.body-container {
flex: 1;
align-self: stretch;
overflow-y: auto;
@ -157,9 +158,11 @@
z-index: 0;
padding: 0 1.5rem;
.buttons-container {
flex-direction: column;
gap: 1rem;
.modal-dialog-content {
.buttons-container {
flex-direction: column;
gap: 1rem;
}
}
}