highperfocused/bitmappery
1
0
Fork 0
mirror of https://github.com/igorski/bitmappery.git synced 2026-06-17 03:34:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

Address issue where export window would not display correct height on certain laptop screen sizes

Browse Source
This commit is contained in:
Igor Zinken
2025-05-20 22:26:29 +02:00
parent dbcf9b92ce
commit 0bd2ea4682
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/file-menu/export-window/export-window.vue
View File

@@ -523,7 +523,9 @@ $idealFormWidth: 340px;
}
}
@include mixins.minHeight( variables.$preview-ideal-height ) {
height: variables.$preview-ideal-height;
}
@include mixins.componentFallback( variables.$preview-ideal-width, variables.$preview-ideal-height ) {
// this view does not fit the original and export preview side-by-side, only show export

2
src/components/modal/modal.vue
View File

@@ -79,7 +79,7 @@ export default {
& {
background-image: colors.$color-window-bg;
$headerHeight: 48px;
$headerHeight: variables.$modal-header-height;
:deep(.component__header) {
height: $headerHeight;

13
src/styles/_variables.scss
View File

@@ -4,12 +4,7 @@ $mobile-width: 640px; // the threshold below which we start to use the mobile vi
$ideal-width: 990px;
$menu-height: 46px;
$heading-height: 40px;
/* document preview variables */
$preview-ideal-width: 1280px;
$preview-ideal-height: 700px;
$preview-max-height: $preview-ideal-height - 55px;
$modal-header-height: 48px;
/* spacing units used for global margins / paddings */
@@ -20,3 +15,9 @@ $spacing-medium: 16px;
$spacing-large: 28px;
$spacing-xlarge: 32px;
$spacing-xxlarge: 48px;
/* document preview variables */
$preview-ideal-width: 1280px;
$preview-ideal-height: 700px;
$preview-max-height: $preview-ideal-height - ( $modal-header-height + $spacing-xlarge + 55px ); // modal header + content padding + preview meta