Cynosphere/nitter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Tweak layout, making it wider and fixing overflows

Browse source
This commit is contained in:
Zed 2019-07-04 03:15:54 +02:00
parent f235677024
commit 080d4774cf
1 changed files with 12 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
public/style.css
View file

@ -225,7 +225,7 @@ nav {
overflow: hidden; overflow: hidden;
flex-grow: 1; flex-grow: 1;
max-height: 379.5px; max-height: 379.5px;
max-width: 506px; max-width: 533px;
} }
.gallery-row .attachment, .gallery-row .attachments { .gallery-row .attachment, .gallery-row .attachments {
@ -287,13 +287,13 @@ video {
.still-image { .still-image {
max-height: 379.5px; max-height: 379.5px;
max-width: 506px; max-width: 533px;
justify-content: center; justify-content: center;
} }
.still-image img { .still-image img {
object-fit: cover; object-fit: cover;
max-width: 506px; max-width: 533px;
max-height: 379.5px; max-height: 379.5px;
border-color: #222; border-color: #222;
flex-basis: 300px; flex-basis: 300px;
@ -365,7 +365,7 @@ video {
} }
.profile-tabs { .profile-tabs {
max-width: 846px; max-width: 900px;
margin: 0 auto; margin: 0 auto;
float: none; float: none;
border-radius: 0; border-radius: 0;
@ -382,7 +382,7 @@ video {
margin: 0; margin: 0;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
width: 70% !important; width: 68% !important;
} }
.profile-tab { .profile-tab {
@ -393,7 +393,7 @@ video {
margin: 0; margin: 0;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
width: 30% !important; max-width: 32%;
} }
.profile-banner { .profile-banner {
@ -416,16 +416,10 @@ video {
} }
.profile-card { .profile-card {
float: left;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 0;
background: #161616; background: #161616;
border-radius: 0 0 4px 4px;
padding: 12px; padding: 12px;
position: relative;
display: flex; display: flex;
justify-content: flex-start;
max-width: 90%;
} }
.profile-card-tabs { .profile-card-tabs {
@ -476,17 +470,16 @@ video {
} }
.profile-card-extra { .profile-card-extra {
display: block; display: contents;
flex: 100%; flex: 100%;
margin-top: 4px; margin-top: 4px;
} }
.profile-bio { .profile-bio {
border-radius: 0;
box-shadow: none;
background: transparent;
overflow: hidden; overflow: hidden;
margin-right: -5px margin-right: -6px;
overflow-wrap: break-word;
width: 100%;
} }
.profile-description { .profile-description {
@ -666,12 +659,9 @@ video {
} }
.profile-statlist { .profile-statlist {
vertical-align: bottom;
table-layout: fixed;
box-sizing: border-box;
display: flex; display: flex;
margin: 0; margin: 0;
padding: 0 2px; padding: 0;
width: 100%; width: 100%;
} }