f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 14:12:40 +00:00
Code Wiki Activity

Apply Gazook89's thumbnail style

Browse Source
This commit is contained in:
G.Ambatte
2022-09-21 18:38:45 +12:00
parent a179f8d124
commit f218f48f0f
2 changed files with 11 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
View File

@@ -102,8 +102,7 @@ const BrewItem = createClass({
return <div className='brewItem'>
{brew.thumbnail ?
<div className='thumbnail'>
<img className='thumbnailImage' src={brew.thumbnail} ></img>
<div className='thumbnail' style={{ backgroundImage: `url(${brew.thumbnail})` }} >
</div> :
<></>
}

23
client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
View File

@@ -20,19 +20,16 @@
box-shadow : 0px 4px 5px 0px #333;
background-color : #cab2802e;
.thumbnail {
width: 80px;
height: 100px;
border: 2px solid #58180D;
border-radius: 8px;
float: left;
margin-right: 5px;
display: flex;
img.thumbnailImage {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : inherit;
}
position: absolute;
width: 150px;
height: 100%;
top: 0;
right: 0;
z-index: -1;
background-size: cover;
mask-image: linear-gradient(80deg, #0000 20%, #050 40%);
-webkit-mask-image: linear-gradient(80deg, #0000 20%, #050 40%);
opacity: 50%;
}
.text {
min-height : 54px;