Skip to content

Commit 269e43c

Browse files
committed
(fix) media preview padding
1 parent a1313a5 commit 269e43c

File tree

1 file changed

+12
-2
lines changed

1 file changed

+12
-2
lines changed

src/lib/MediaPreview/MediaPreview.scss

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
$media-preview-height: 70px;
2+
$media-preview-width-lg: 40px;
3+
$media-preview-width-sm: 20px;
4+
15
.vac-media-preview {
26
position: absolute;
37
top: 0;
@@ -9,8 +13,9 @@
913
outline: none;
1014

1115
.vac-media-preview-container {
12-
width: 100%;
13-
height: 100%;
16+
height: calc(100% - #{$media-preview-height * 2});
17+
width: calc(100% - #{$media-preview-width-lg * 2});
18+
padding: $media-preview-height $media-preview-width-lg;
1419
}
1520

1621
.vac-image-preview {
@@ -34,5 +39,10 @@
3439
right: 20px;
3540
transform: scale(1.2);
3641
}
42+
43+
.vac-media-preview-container {
44+
width: calc(100% - #{$media-preview-width-sm * 2});
45+
padding: $media-preview-height $media-preview-width-sm;
46+
}
3747
}
3848
}

0 commit comments

Comments
 (0)