scarlett/ITR-Website
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: add water fall pic

Browse Source
This commit is contained in:
Jianqi Jin
2023-09-22 21:57:45 -05:00
parent a859b2824f
commit 43d66d50ae
5 changed files with 137 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/stylesheets/project.scss
View File

@ -56,7 +56,7 @@
border-radius: 10px;
background-color: rgb(66, 66, 66);
box-sizing: border-box;
height: 400px;
// height: 400px;
display: flex;
flex-direction: column;
transition: 0.3s;

26
src/assets/stylesheets/waterfall.scss
View File

@ -1,20 +1,8 @@
#react-waterfall-comps li > div {
transition: all 0.5s;
position: relative;
border-radius: 10px;
background-color: rgb(66, 66, 66);
padding: 10px;
.waterfall_outer {
display: flex;
flex-direction: column;
transition: 0.3s;
cursor: pointer;
}
#react-waterfall-comps li > div:hover {
transform: translateY(-6px);
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3);
transition: all 0.3s;
background-color: #666666;
}
#react-waterfall-comps li > div > img {
width: 100%;
}
flex-direction: row;
flex-wrap: wrap;
.waterfall_column {
width: 40%;
}
}