mirrors/nitter
1
0
Fork 0
mirror of https://github.com/zedeus/nitter.git synced 2024-06-02 10:10:21 +00:00
Code Issues Packages Projects Releases 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

34
public/style.css
View file

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