mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-08 13:38:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Feed done.

Browse source
This commit is contained in:
MisbehavedNinjaRadiator 2025-06-29 18:06:46 +02:00 • committed by MisbehavedNinjaRadiator
parent c3a7776fa5
commit d11f92e11a
7 changed files with 267 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

30
code/frontend/src/components/feed/feed.css
View file

@ -1,19 +1,20 @@
.feedContainer {
display: flex;
flex-direction: column;
min-height: calc(100vh - var(--Header-height));
background-color: #f9f9f9;
min-height: 100vh;
/* Subtract he */
}
.feedContent {
flex: 1;
overflow-y: auto;
padding: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
height: 80vh;
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 1rem 0;
}
.loading {
width: 100%;
@ -26,8 +27,21 @@
/* Desktop responsive behavior */
@media (min-width: 768px) {
.feedContainer {
display: grid;
grid-template-columns: 40% 60%;
}
.loggedInfeedContainer {
}
.welcome-for-logged-out {
position: sticky;
top: 2rem;
align-self: flex-start;
}
.feedContent {
width: 400px;
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 2rem 0;
}