Change tablet section with new mocks

This commit is contained in:
Konstantinos Triantafyllou 2023-09-15 14:40:06 +03:00
parent db14d732e4
commit cf47c65341
2 changed files with 556 additions and 512 deletions

File diff suppressed because it is too large Load Diff

View File

@ -6,12 +6,19 @@
background-color: @global-inverse-color;
}
.tablet-section {
background-image:linear-gradient(180deg, @global-inverse-color 0%, @global-muted-background 100%);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
@media only screen and (min-width: @breakpoint-medium) {
.monitor-dark-logo-background {
background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg");
.tablet-section {
background-image:url("~src/assets/monitor-assets/home/monitor-dark-logo.svg"), linear-gradient(180deg, @global-inverse-color 0%, @global-muted-background 100%);
background-repeat: no-repeat;
background-position: left 95%;
background-size: 65%;
background-position: -5% 95%, top;
background-size: 60%, cover;
}
}