Skip to content

Commit

Permalink
Flexible modal width for help modal on non-mobile
Browse files Browse the repository at this point in the history
Signed-off-by: Jonas <[email protected]>
  • Loading branch information
mejo- committed Jun 19, 2023
1 parent 5149309 commit 4dae22a
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion src/components/HelpModal.vue
Original file line number Diff line number Diff line change
Expand Up @@ -227,14 +227,16 @@ export default {
<style lang="scss" scoped>
:deep(.modal-wrapper) {
.modal-container {
width: max-content;
padding: 30px 40px 20px;
user-select: text;
}
// Remove padding-right on mobile, screen might not be wide enough
@media only screen and (max-width: 512px) {
.modal-container {
padding: 30px 0 20px 40px;
width: inherit;
padding: 10px 0;
}
}
}
Expand Down

0 comments on commit 4dae22a

Please sign in to comment.