pagesassos/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

feat(Home): add sort by name or random button

Browse source 
fix(Header): fix href div box for home link
This commit is contained in:
Matthieu Bessat 2020-09-05 23:14:47 +02:00
parent ea1906618d
commit 975ed6ee5d
7 changed files with 159 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

49
assets/development/styles/home.css
View file

@ -40,6 +40,11 @@
width: 7em;
}
.header-home-link {
display: flex;
justify-content: center;
}
.header-content {
display: flex;
flex-direction: column;
@ -174,11 +179,48 @@ Nav
.mosaic-header {
width: 100%;
opacity: 0.8;
text-align: right;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5em;
}
.mosaic-actions {
display: flex;
}
.mosaic-action {
cursor: pointer;
border: 0;
background-color: transparent;
padding: .75em .75em;
color: #2c3e50;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
margin-right: .5em;
border: 1px solid #7f8c8d;
transition: all .2s;
}
.mosaic-action:hover {
opacity: 0.8;
}
.mosaic-action .btn-icon {
width: 1em;
}
.mosaic-action.enabled {
background-color: #ecf0f1;
color:#d35400;
}
.mosaic-count {
opacity: 0.8;
}
.card-container {
margin: 0 auto;
width: 85%;
@ -316,6 +358,9 @@ Nav
.header-content {
padding: 0;
}
.header-home-link {
margin-bottom: .25em;
}
.header-image {
margin: 0;
text-align: center;