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

fix: centered some titles

Browse source
This commit is contained in:
Lukian 2025-04-08 22:51:16 +02:00
parent a3c2465247
commit edc6f34733
2 changed files with 53 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/src/pages/Home.tsx
View file

@ -156,6 +156,7 @@ export default function Home() {
</div> </div>
<div className="channels"> <div className="channels">
<h2>Channels</h2> <h2>Channels</h2>
<div className="channels-content">
<Link to={'/channels'}>All channels</Link> <Link to={'/channels'}>All channels</Link>
{user && ( {user && (
<Link to={'/create-channel'}>Create channel</Link> <Link to={'/create-channel'}>Create channel</Link>
@ -199,5 +200,6 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
</div>
) )
} }

12
front/src/styles/Home.css
View file

@ -31,6 +31,9 @@
border: 1px solid #270722; border: 1px solid #270722;
padding: 10px; padding: 10px;
background-color: #fff6fd; background-color: #fff6fd;
display: flex;
flex-direction: column;
align-items: center;
} }
.messages-list { .messages-list {
@ -50,8 +53,17 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #fff6fd; background-color: #fff6fd;
align-items: center;
} }
.channels-content {
width: 100%;
display: flex;
flex-direction: column;
align-items: left;
}
@media (max-width: 800px) { @media (max-width: 800px) {
.home-header { .home-header {
flex-direction: column; flex-direction: column;