Skip to content

Commit

Permalink
De-magic breakpoints
Browse files Browse the repository at this point in the history
  • Loading branch information
philrenaud committed Dec 8, 2023
1 parent 5f899b8 commit be4e884
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 1 deletion.
2 changes: 1 addition & 1 deletion ui/app/styles/components/exec-window.scss
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@
}
}
// Media query for small screens
@media (max-width: 768px) {
@media ($breakpoint-mobile) {
.exec-window {
width: 100vw;
height: 100vh;
Expand Down
4 changes: 4 additions & 0 deletions ui/app/styles/core/variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -65,3 +65,7 @@ $control-padding-vertical: calc(0.375em - #{$control-border-width});
$control-padding-horizontal: calc(0.625em - #{$control-border-width});
$button-padding-vertical: calc(0.375em - #{$button-border-width});
$button-padding-horizontal: 0.75em;

$breakpoint-mobile: 'max-width: 768px';
$breakpoint-tablet: 'min-width: 769px';
$breakpoint-desktop: 'min-width: 1088px';

0 comments on commit be4e884

Please sign in to comment.