dalibor-osu/lovelive.cz

Posty muzou vypadat o neco cisteji

Closed this issue · 0 comments

Kdyz se renderuji posty na posts page tak je tam celkem zbytecne pouzivat classu mt-10 u kazdeho <li>. Flex ma celkem fajn vlastnost a je to gap: 0; V tailwind staci aby parent coz tady je ul mel class="flex flex-col justify-center items-center gap-10" a <li> nemusi mit classu zadnou.

Jeste lepsi by bylo uplne nepouzivat ul>li ale div>div. <li> se musi zvlast stylovat protoze uz ma samo od sebe nejakou stylizaci. <div> nic takoveho nema, takze staci

<div class="flex flex-col justify-center items-center gap-10">
<div class="post-container"> ... </div>
<div class="post-container"> ... </div>
<div class="post-container"> ... </div>
<div class="post-container"> ... </div>
<div class="post-container"> ... </div>
</div>

Neni potreba to mit div.post__container>ul.post-list>li.mt-10>div.post__card staci to mit div.post__container>div.post__card

Misto : https://i.imgur.com/1NelCwX.png

By byl kod co vypada takto: https://i.imgur.com/0M34EQU.png

Tady je jeste trochu cleaner porovnani rozdilu: https://i.imgur.com/nhzLUUk.png

Idk jak to tam je pri fetchovani z DB, ale pokud potrebujes fetchovat i s tim <ul class="post-list> stacilo by to nahradit tim <div class="post__container ..."> jestli to nejde pres div a musis pouzivat ul tak budiz no.