more cases accounted for
This commit is contained in:
@@ -126,18 +126,13 @@
|
|||||||
|
|
||||||
/* Feed */
|
/* Feed */
|
||||||
|
|
||||||
.content-container {
|
|
||||||
display: inline-flex;
|
|
||||||
position: relative;
|
|
||||||
top: 5rem;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feed {
|
.feed {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 90vw;
|
width: 90vw;
|
||||||
|
top: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Page handling */
|
/* Page handling */
|
||||||
|
|||||||
@@ -7,10 +7,8 @@ function App() {
|
|||||||
return (
|
return (
|
||||||
<div className="App">
|
<div className="App">
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<div className="content-container">
|
<div className="feed">
|
||||||
<div className="feed">
|
<Feed />
|
||||||
<Feed />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
|
|
||||||
img, video {
|
img, video {
|
||||||
max-height: 45rem;
|
max-height: 45rem;
|
||||||
max-width: 75%;
|
max-width: 95%;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -100,7 +100,7 @@ img, video {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
max-width: 60%;
|
max-width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#post-audio {
|
#post-audio {
|
||||||
|
|||||||
Reference in New Issue
Block a user