We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent a1313a5 commit 269e43cCopy full SHA for 269e43c
src/lib/MediaPreview/MediaPreview.scss
@@ -1,3 +1,7 @@
1
+$media-preview-height: 70px;
2
+$media-preview-width-lg: 40px;
3
+$media-preview-width-sm: 20px;
4
+
5
.vac-media-preview {
6
position: absolute;
7
top: 0;
@@ -9,8 +13,9 @@
9
13
outline: none;
10
14
11
15
.vac-media-preview-container {
12
- width: 100%;
- 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;
19
}
20
21
.vac-image-preview {
@@ -34,5 +39,10 @@
34
39
right: 20px;
35
40
transform: scale(1.2);
36
41
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
+ }
37
47
38
48
0 commit comments