Optimize for small screens

This commit is contained in:
SondreB 2023-01-05 00:56:45 +01:00
parent 065835dae8
commit 4f513f2ae8
No known key found for this signature in database
GPG Key ID: D6CC44C75005FDBF
2 changed files with 19 additions and 2 deletions

View File

@ -134,8 +134,10 @@
}
.screenshot {
border-radius: 20px;
border-radius: 20px 0 0 20px;
margin-left: 8em;
background: transparent url("/assets/blockcore-notes-screenshot.png") no-repeat left center;
height: 776px;
}
@media only screen and (max-width: 760px) {
@ -145,6 +147,7 @@
margin-top: 1em;
margin-left: 1em;
}
.screenshot {
margin-left: 2em;
}
@ -165,4 +168,16 @@
.hide-tiny {
display: none;
}
.connect-logo {
width: 64px;
height: 64px;
margin-top: -0.47em;
margin-left: 0em;
}
.logo-text {
margin-left: 84px;
margin-top: 0.2em;
}
}

View File

@ -25,7 +25,9 @@
</mat-card-content>
</mat-card>
<img class="screenshot" src="/assets/blockcore-notes-screenshot.png" />
<div class="screenshot">
</div>
<!-- <img class="screenshot" src="/assets/blockcore-notes-screenshot.png" /> -->
<mat-card class="card">
<mat-card-content>