Changeset View
Changeset View
Standalone View
Standalone View
src/pages/login/workbench.scss
Show All 32 Lines | .content-wrapper { | ||||
background: #fff; | background: #fff; | ||||
border-radius: 26px; | border-radius: 26px; | ||||
margin-top: -26px; | margin-top: -26px; | ||||
position: relative; | position: relative; | ||||
z-index: 2; | z-index: 2; | ||||
display: flex; | display: flex; | ||||
padding: 60px; | padding: 60px; | ||||
.item { | .item { | ||||
width: 170px; | width: 182px; | ||||
height: 170px; | height: 182px; | ||||
background: #f7f9fb; | background: #f7f9fb; | ||||
text-align: center; | text-align: center; | ||||
border-radius: 26px; | border-radius: 26px; | ||||
margin-right: 60px; | margin-right: 42px; | ||||
position: relative; | |||||
image { | image { | ||||
width: 54px; | width: 54px; | ||||
height: 54px; | height: 54px; | ||||
margin-top: 30px; | margin-top: 30px; | ||||
} | } | ||||
.name { | .name { | ||||
text-align: center; | text-align: center; | ||||
font-size: 26px; | font-size: 26px; | ||||
color: #333; | color: #333; | ||||
margin-top: 20px; | margin-top: 20px; | ||||
} | } | ||||
.amount{ | |||||
position: absolute; | |||||
right:14px; | |||||
top:14px; | |||||
background:#FF4338; | |||||
color:#FFFFFF; | |||||
font-size: 18px; | |||||
border-radius: 12px; | |||||
height:24px; | |||||
line-height:24px; | |||||
min-width:24px; | |||||
min-height:24px; | |||||
text-align:center; | |||||
padding: 0 6px; | |||||
box-sizing: border-box; | |||||
} | |||||
} | |||||
.item:last-child{ | |||||
margin-right:0; | |||||
} | } | ||||
} | } | ||||
} | } |
Content licensed under Creative Commons Attribution-ShareAlike 3.0 (CC-BY-SA) unless otherwise noted; code licensed under GNU General Public License (GPL) or other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL