Move profile image height higher in profile page (#2127)

* Move profile image height higher in profile page

* Update frontend build
This commit is contained in:
Jonathan Zernik 2022-04-12 04:10:49 -04:00 committed by GitHub
parent fd3d4229fb
commit 27887ed01c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 14 additions and 14 deletions

View file

@ -95,7 +95,7 @@
.profile-image-wrapper{
position: absolute;
left: 0px;
bottom: -30px;
bottom: 0px;
width: 134px;
min-width: 49px;
border: 4px solid #fff;

View file

@ -1,26 +1,26 @@
{
"files": {
"main.css": "/static/css/main.206389cd.css",
"main.js": "/static/js/main.1826f135.js",
"main.js": "/static/js/main.f0c5c28c.js",
"static/css/306.7f7715a0.chunk.css": "/static/css/306.7f7715a0.chunk.css",
"static/js/306.dc556745.chunk.js": "/static/js/306.dc556745.chunk.js",
"static/css/900.1c240409.chunk.css": "/static/css/900.1c240409.chunk.css",
"static/css/900.b66ac5fb.chunk.css": "/static/css/900.b66ac5fb.chunk.css",
"static/js/900.1b104345.chunk.js": "/static/js/900.1b104345.chunk.js",
"static/css/841.693c3c31.chunk.css": "/static/css/841.693c3c31.chunk.css",
"static/js/841.8faa8984.chunk.js": "/static/js/841.8faa8984.chunk.js",
"static/media/icon.svg": "/static/media/icon.982210ec9275956e4d3cc77fa90167fd.svg",
"index.html": "/index.html",
"main.206389cd.css.map": "/static/css/main.206389cd.css.map",
"main.1826f135.js.map": "/static/js/main.1826f135.js.map",
"main.f0c5c28c.js.map": "/static/js/main.f0c5c28c.js.map",
"306.7f7715a0.chunk.css.map": "/static/css/306.7f7715a0.chunk.css.map",
"306.dc556745.chunk.js.map": "/static/js/306.dc556745.chunk.js.map",
"900.1c240409.chunk.css.map": "/static/css/900.1c240409.chunk.css.map",
"900.b66ac5fb.chunk.css.map": "/static/css/900.b66ac5fb.chunk.css.map",
"900.1b104345.chunk.js.map": "/static/js/900.1b104345.chunk.js.map",
"841.693c3c31.chunk.css.map": "/static/css/841.693c3c31.chunk.css.map",
"841.8faa8984.chunk.js.map": "/static/js/841.8faa8984.chunk.js.map"
},
"entrypoints": [
"static/css/main.206389cd.css",
"static/js/main.1826f135.js"
"static/js/main.f0c5c28c.js"
]
}

View file

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#1da1f2"/><meta nam="description" content="Squeaknode!"/><meta name="og:title" content="Squeaknode"/><meta name="og:description" content="check out my the Squeaknode I made"/><link href="https://fonts.googleapis.com/css2?family=Assistant&display=swap" rel="stylesheet"><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Squeaknode</title><script defer="defer" src="/static/js/main.1826f135.js"></script><link href="/static/css/main.206389cd.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#1da1f2"/><meta nam="description" content="Squeaknode!"/><meta name="og:title" content="Squeaknode"/><meta name="og:description" content="check out my the Squeaknode I made"/><link href="https://fonts.googleapis.com/css2?family=Assistant&display=swap" rel="stylesheet"><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Squeaknode</title><script defer="defer" src="/static/js/main.f0c5c28c.js"></script><link href="/static/css/main.206389cd.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

View file

@ -1,2 +0,0 @@
.profile-wrapper{border-right:1px solid #e6ecf0;display:flex;flex-direction:column;max-width:600px;min-height:2000px;width:100%}.profile-header-wrapper{align-items:center;background-color:#fff;border-bottom:1px solid #e6ecf0;border-left:1px solid #e6ecf0;cursor:pointer;display:flex;height:53px;margin:0 auto;max-width:1000px;min-height:53px;padding-left:15px;padding-right:15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:8}.profile-header-back{align-items:flex-start;justify-content:center;min-height:30px;min-width:55px}.header-back-wrapper{align-items:center;border:1px solid transparent;border-radius:9999px;display:flex;height:39px;justify-content:center;margin-left:-5px;transition:.2s ease-in-out;width:39px;will-change:background-color}.header-back-wrapper svg{fill:#1da1f2;height:1.5em}.header-back-wrapper:hover{background-color:rgba(29,161,242,.1)}.profile-header-content{display:flex;flex-direction:column}.profile-header-name{font-size:19px;font-weight:800}.profile-header-squeaks{color:#657786;font-size:14px;line-height:19.6875px}.profile-banner-wrapper{height:200px;max-width:600px;position:relative}.profile-banner-wrapper img{height:100%;object-fit:cover;width:100%}.profile-details-wrapper{padding:10px 15px 15px}.profile-options{align-items:center;display:flex;justify-content:flex-end;position:relative}.profile-image-wrapper{border:4px solid #fff;border-radius:50%;bottom:-30px;height:134px;left:0;min-width:49px;position:absolute;width:134px;z-index:5}.profile-image-wrapper img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-edit-button{align-items:center;border:1px solid #1da1f2;border-radius:9999px;cursor:pointer;display:flex;justify-content:center;margin-left:7px;min-height:39px;min-width:98.8px;padding-left:1em;padding-right:1em;transition:.2s ease-in-out}.profile-edit-button span{color:#1da1f2;font-weight:800;text-align:center;width:100%}.profile-edit-button:hover{background-color:rgba(29,161,242,.1)}.unfollow-switch{background-color:#1da1f2}.unfollow-switch span{color:#fff!important}.unfollow-switch:hover{background-color:#ca2055!important;border:1px solid transparent}.unfollow-switch:hover span{color:#fff}.unfollow-switch:hover span span{display:none}.unfollow-switch:hover span:before{content:"Unfollow"}.profile-details-box{margin-top:40px}.profile-name{font-size:19px;font-weight:800}.profile-username{color:#657786;font-size:15px}.profile-bio{margin-bottom:10px;margin-top:10px}.profile-info-box{display:flex;margin-top:10px}.profile-info-box svg{fill:#657786;height:18.75px;margin-right:5px}.profile-date,.profile-location{color:#657786;margin-right:10px}.profile-social-box{display:flex;margin-top:7px}.profile-social-box div{cursor:pointer;display:flex}.profile-social-box div:hover{text-decoration:underline}.follow-num{cursor:pointer;font-weight:700;margin-right:3px}.follow-text{color:#657786;cursor:pointer;margin-right:20px}.profile-nav-menu{align-items:center;border-bottom:1px solid #e6ecf0;display:flex;justify-content:space-around}.profile-nav-item{border-bottom:2px solid transparent;color:#657786;cursor:pointer;font-weight:700;overflow:hidden;padding:15px;text-align:center;transition:.2s;white-space:nowrap;width:100%;will-change:background-color}.profile-nav-item:hover{background-color:rgba(29,161,242,.1);color:#1da1f2}.activeTab{border-bottom:2px solid #1da1f2;color:#1da1f2}.new-msg{align-items:center;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:.2s ease-in-out}.new-msg:hover{background-color:rgba(29,161,242,.1)}.new-msg:hover svg{fill:#1da1f2}.new-msg svg{fill:#000;align-items:center;display:flex;height:25px;transition:.2s ease-in-out;width:25px}
/*# sourceMappingURL=900.1c240409.chunk.css.map*/

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,2 @@
.profile-wrapper{border-right:1px solid #e6ecf0;display:flex;flex-direction:column;max-width:600px;min-height:2000px;width:100%}.profile-header-wrapper{align-items:center;background-color:#fff;border-bottom:1px solid #e6ecf0;border-left:1px solid #e6ecf0;cursor:pointer;display:flex;height:53px;margin:0 auto;max-width:1000px;min-height:53px;padding-left:15px;padding-right:15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:8}.profile-header-back{align-items:flex-start;justify-content:center;min-height:30px;min-width:55px}.header-back-wrapper{align-items:center;border:1px solid transparent;border-radius:9999px;display:flex;height:39px;justify-content:center;margin-left:-5px;transition:.2s ease-in-out;width:39px;will-change:background-color}.header-back-wrapper svg{fill:#1da1f2;height:1.5em}.header-back-wrapper:hover{background-color:rgba(29,161,242,.1)}.profile-header-content{display:flex;flex-direction:column}.profile-header-name{font-size:19px;font-weight:800}.profile-header-squeaks{color:#657786;font-size:14px;line-height:19.6875px}.profile-banner-wrapper{height:200px;max-width:600px;position:relative}.profile-banner-wrapper img{height:100%;object-fit:cover;width:100%}.profile-details-wrapper{padding:10px 15px 15px}.profile-options{align-items:center;display:flex;justify-content:flex-end;position:relative}.profile-image-wrapper{border:4px solid #fff;border-radius:50%;bottom:0;height:134px;left:0;min-width:49px;position:absolute;width:134px;z-index:5}.profile-image-wrapper img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-edit-button{align-items:center;border:1px solid #1da1f2;border-radius:9999px;cursor:pointer;display:flex;justify-content:center;margin-left:7px;min-height:39px;min-width:98.8px;padding-left:1em;padding-right:1em;transition:.2s ease-in-out}.profile-edit-button span{color:#1da1f2;font-weight:800;text-align:center;width:100%}.profile-edit-button:hover{background-color:rgba(29,161,242,.1)}.unfollow-switch{background-color:#1da1f2}.unfollow-switch span{color:#fff!important}.unfollow-switch:hover{background-color:#ca2055!important;border:1px solid transparent}.unfollow-switch:hover span{color:#fff}.unfollow-switch:hover span span{display:none}.unfollow-switch:hover span:before{content:"Unfollow"}.profile-details-box{margin-top:40px}.profile-name{font-size:19px;font-weight:800}.profile-username{color:#657786;font-size:15px}.profile-bio{margin-bottom:10px;margin-top:10px}.profile-info-box{display:flex;margin-top:10px}.profile-info-box svg{fill:#657786;height:18.75px;margin-right:5px}.profile-date,.profile-location{color:#657786;margin-right:10px}.profile-social-box{display:flex;margin-top:7px}.profile-social-box div{cursor:pointer;display:flex}.profile-social-box div:hover{text-decoration:underline}.follow-num{cursor:pointer;font-weight:700;margin-right:3px}.follow-text{color:#657786;cursor:pointer;margin-right:20px}.profile-nav-menu{align-items:center;border-bottom:1px solid #e6ecf0;display:flex;justify-content:space-around}.profile-nav-item{border-bottom:2px solid transparent;color:#657786;cursor:pointer;font-weight:700;overflow:hidden;padding:15px;text-align:center;transition:.2s;white-space:nowrap;width:100%;will-change:background-color}.profile-nav-item:hover{background-color:rgba(29,161,242,.1);color:#1da1f2}.activeTab{border-bottom:2px solid #1da1f2;color:#1da1f2}.new-msg{align-items:center;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:.2s ease-in-out}.new-msg:hover{background-color:rgba(29,161,242,.1)}.new-msg:hover svg{fill:#1da1f2}.new-msg svg{fill:#000;align-items:center;display:flex;height:25px;transition:.2s ease-in-out;width:25px}
/*# sourceMappingURL=900.b66ac5fb.chunk.css.map*/

File diff suppressed because one or more lines are too long