diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-04-09 00:56:59 +0200 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2018-04-09 01:08:50 +0200 |
| commit | 101e6564fde67e233c76df3d848d269ab28217d3 (patch) | |
| tree | 60a0e8513f9c406f0064ec7a500fad9257bae280 /app/javascript/flavours/glitch/styles/components/index.scss | |
| parent | a4fa8c9064702167412a39901811430822440d11 (diff) | |
[Glitch] Refactor scss
Port f691afaae913fdb3041864b2824ca092e092ba84 to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/index.scss')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/index.scss | 28 |
1 files changed, 21 insertions, 7 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index ad446f18b..afb54056c 100644 --- a/app/javascript/flavours/glitch/styles/components/index.scss +++ b/app/javascript/flavours/glitch/styles/components/index.scss @@ -355,14 +355,19 @@ position: relative; width: 100%; height: 100%; + display: flex; + align-items: center; + justify-content: center; - &.image-loader--loading { - display: flex; - align-content: center; + .image-loader__preview-canvas { + max-width: $media-modal-media-max-width; + max-height: $media-modal-media-max-height; + background: url('~images/void.png') repeat; + object-fit: contain; + } - .image-loader__preview-canvas { - filter: blur(2px); - } + &.image-loader--loading .image-loader__preview-canvas { + filter: blur(2px); } &.image-loader--amorphous .image-loader__preview-canvas { @@ -375,7 +380,16 @@ width: 100%; height: 100%; display: flex; - align-content: center; + align-items: center; + justify-content: center; + + img { + max-width: $media-modal-media-max-width; + max-height: $media-modal-media-max-height; + width: auto; + height: auto; + object-fit: contain; + } } .dropdown { |