lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: improved UI by adding CSS files

Browse source
This commit is contained in:
Lukian 2025-04-06 17:47:51 +02:00
parent 1656e95557
commit 42e6acd9ca
19 changed files with 543 additions and 197 deletions
Download patch file Download diff file Expand all files Collapse all files

71
front/src/styles/Home.css Normal file
View file

@ -0,0 +1,71 @@
.home {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
gap: 20px;
}
.main-content {
display: flex;
justify-content: space-around;
align-items: top;
width: 100%;
min-height: 100%;
}
.home-header {
width: 97%;
border: 1px solid #270722;
display: flex;
justify-content: space-between;
align-items: top;
padding: 10px;
}
.home-messages {
width: 60%;
border: 1px solid #270722;
padding: 10px;
}
.messages-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.channels {
width: 34%;
border: 1px solid #270722;
min-height: 100%;
padding: 10px;
display: flex;
flex-direction: column;
}
@media (max-width: 800px) {
.home-header {
flex-direction: column;
align-items: center;
}
.main-content {
flex-direction: column;
align-items: center;
gap: 20px;
}
.home-messages {
width: 97%;
}
.channels {
width: 97%;
}
}