Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 18:09:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add containers to pages

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-14 08:17:52 +05:00
parent b1c18da065
commit f8a6d18c37
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
6 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/components/Navbar/Navbar.jsx
View file

@ -56,7 +56,7 @@ export const Navbar = () => {
return (
<header className="fixed bottom-0 left-0 z-50 w-full text-white bg-black sm:sticky sm:top-0">
<div className="flex items-center justify-between px-4 py-4">
<div className="container flex items-center justify-between px-4 py-4 mx-auto">
<nav className="flex gap-4">
{navLinks.map((link) => {
return <Link key={link.id} href={link.href} className={`flex-col items-center sm:flex-row ${link.mobileMenu ? "hidden sm:flex" : "flex"}`}><span className={`iconify ${pathname == link.href ? link.iconActive : link.icon} w-6 h-6`}></span><span className={`${pathname == link.href ? "font-bold" : ""} text-xs sm:text-base`}>{link.title}</span></Link>;

4
app/components/RelatedSection/RelatedSection.jsx
View file

@ -10,8 +10,8 @@ export const RelatedSection = (props) => {
);
return (
<section>
<div className="flex flex-col justify-between p-4 sm:flex-row">
<div className="flex p-4">
<div className="flex flex-col justify-between gap-4 p-4 xl:flex-row">
<div className="flex items-center justify-center p-4">
{props.images.map((item) => {
return (
<img