PATH:
home
/
rwabteecom
/
project_11
/
public
/
dashboard
/
css
/
pages
/
Editing: _preview.scss
.preview-iframe { position: relative; min-width: 100vw; min-height: 100vh; background: #FFFFFFC2; box-shadow: 0px 4px 46px 0px #00000040; } .preview-iframe .picxels-bg { position: absolute; width: 100%; height: 100%; opacity: .7; top: 0; left: 0; } .preview-iframe .picxels-bg img { width: 100%; height: 100%; position: absolute; } .preview-iframe .picxels-bg .pixels-img{ opacity: .3; } .preview-iframe .picxels-bg .bg-oval{ opacity: .2; } .preview-img-con { position: relative; width: 65px; height: 65px; border-radius: 50%; } .preview-img-con img { width: 100%; height: 100%; border-radius: 50%; } .preview-img-con .verify-span { position: absolute; bottom: -2px; right: 0px; } .preview-top .preview-name { font-size: 16px; font-weight: 600; line-height: 18px; color: #000; } .preview-top .preview-intro { color: #3C3C3C; font-size: 14px; font-weight: 300; line-height: 15px; } .preview-top .preview-followers-con p { font-size: 16px; font-weight: 500; line-height: 18px; letter-spacing: -0.017em; color: #000; } .preview-top .preview-followers-con span { font-size: 14px; font-weight: 400; line-height: 16.5px; letter-spacing: -0.025em; color: #212121; } .preview-top button { border-radius: 55px; font-size: 13px; } .preview-link-con { box-shadow: 0px 2px 4px 0px #0000000F; height: 36px; width: 100%; background-color: #fff; border-radius: 18px; padding: 2px; } .preview-link-con .preview-link-icon { width: 32px; height: 32px; border-radius: 50%; } .preview-link-con .preview-link-icon img { width: 100%; height: 100%; border-radius: 50%; } .preview-social a { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; margin: 5px; border-radius: 50%; background-color: #0052F1; } .preview-bottom p { // color: #707070; font-size: 12px; font-weight: 400; line-height: 12px; text-align: center; } .passwordModal .close-btn { display: flex; align-items: center; justify-content: center; color: var(--main-color); background-color: var(--white-color) ; border-radius: 50%; border: none; width: 30px; height: 30px; box-shadow: 0px 1px 24px 0px #00000040; opacity: 1; } .passwordModal .main-btn { opacity: 1; }
SAVE
CANCEL