fix: centered some titles

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

View file

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

View file

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