stepus53/photos
1
0
Fork 0
mirror of https://github.com/usatiuk/photos.git synced 2025-10-28 23:37:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

better grid view

Browse Source
This commit is contained in:
Stepan Usatiuk
2020-10-15 11:29:38 +03:00
committed by Stepan Usatiuk
parent 09a1dcf8ba
commit fc8f8b463f
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Home/Home.scss
View File

@@ -3,7 +3,7 @@
.viewComponent { .viewComponent {
position: absolute; position: absolute;
max-width: 100%; max-width: 100%;
width: 50rem; width: 80%;
left: 0; left: 0;
right: 0; right: 0;
top: -$pt-navbar-height; top: -$pt-navbar-height;
@@ -24,7 +24,7 @@
.bp3-navbar { .bp3-navbar {
transition: 0.3s; transition: 0.3s;
> * { >* {
// keeps the breadcrumbs from taking all the space // keeps the breadcrumbs from taking all the space
max-width: 65%; max-width: 65%;
} }
@@ -50,4 +50,4 @@
.bp3-navbar { .bp3-navbar {
transition: 0.3s; transition: 0.3s;
} }
} }

12
frontend/src/Photos/Photos.scss
View File

@@ -23,17 +23,25 @@
} }
.photoCard { .photoCard {
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s; transition: 0.3s;
user-select: none; user-select: none;
height: 15rem; height: 15rem;
width: 10.5rem; width: 20rem;
margin: 1rem; margin: 1rem;
padding: 0rem; padding: 0rem;
overflow: hidden; overflow: hidden;
img { img {
min-height: 100%;
min-width: 100%;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto; height: auto;
width: 100%; object-fit: cover;
} }
} }
} }