hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-23 11:31:57 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

UBER-371: Retina images for login page (#3351)

Browse Source 
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Sobolev 2023-06-06 12:23:41 +07:00 committed by GitHub
parent 7c48095b75
commit 5ce55303f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dev/prod/webpack.config.js
View File

@ -155,7 +155,7 @@ module.exports = {
}
},
{
test: /\.(jpg|png|webp)$/,
test: /\.(jpg|png|webp|heic|avif)$/,
use: {
loader: 'file-loader',
options: {

BIN
plugins/login-resources/img/login_back.avif Normal file
View File

Binary file not shown.

BIN
plugins/login-resources/img/login_back.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 KiB

BIN
plugins/login-resources/img/login_back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1018 KiB

BIN
plugins/login-resources/img/login_back.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
plugins/login-resources/img/login_back_2x.avif Normal file
View File

Binary file not shown.

BIN
plugins/login-resources/img/login_back_2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 521 KiB

BIN
plugins/login-resources/img/login_back_2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
plugins/login-resources/img/login_back_2x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

24
plugins/login-resources/src/components/LoginApp.svelte
View File

@ -94,14 +94,34 @@
<style lang="scss">
.backd {
background: '#000';
background-color: 'rgb(0,0,0)';
&.paneld {
background: linear-gradient(180deg, #232324 0%, #171719 100%);
}
}
.back {
background: url('../../img/back_signin.png');
// background: url('../../img/back_signin.png');
background-image: -webkit-image-set(
'../../img/login_back.avif' 1x,
'../../img/login_back_2x.avif' 2x,
'../../img/login_back.png' 1x,
'../../img/login_back_2x.png' 2x,
'../../img/login_back.webp' 1x,
'../../img/login_back_2x.webp' 2x,
'../../img/login_back.jpg' 1x,
'../../img/login_back_2x.jpg' 2x
); /* Temporary fallback for Chrome and Safari browsers until they support 'image-set()' better */
background-image: image-set(
'../../img/login_back.avif' 1x,
'../../img/login_back_2x.avif' 2x,
'../../img/login_back.png' 1x,
'../../img/login_back_2x.png' 2x,
'../../img/login_back.webp' 1x,
'../../img/login_back_2x.webp' 2x,
'../../img/login_back.jpg' 1x,
'../../img/login_back_2x.jpg' 2x
);
background-size: cover;
background-position-y: center;