frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

💅🏽 Refactoring UX on Library page

Browse Source
This commit is contained in:
Rishi Ghan
2022-03-20 02:31:25 -07:00
parent 4e2a91a1ce
commit 2c8e339e3b
9 changed files with 93 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/client/assets/scss/App.scss
View File

@@ -187,23 +187,24 @@ pre {
}
}
.card-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
column-gap: 0.5em;
row-gap: 1.2em;
// display: grid;
// grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
// column-gap: 0.5em;
// row-gap: 1.2em;
.card {
margin: 0 0 15px 0;
.partial-rounded-card-image {
img {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.rounded-card-image {
border-radius: 0.3rem;
border-radius: 0.4rem;
}
.is-horizontal {
@@ -225,24 +226,20 @@ pre {
}
}
.card-content {
align-self: center;
align-self: top;
flex: 1;
padding-left: 1em;
padding-top: 0;
padding-bottom: 0;
font-size: 0.8em;
padding-top: 0.5em;
padding-bottom: 0em;
.name {
font-size: 0.85em;
}
ul {
li.status {
margin-top: 10px;
}
}
.truncate {
width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.is-divider {
margin-top: 1.5rem;