rizaldy/ig.rizaldy.club
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ipad res

Browse Source
This commit is contained in:
rizaldy 2024-02-04 05:44:56 +07:00
parent be9140c493
commit 1102852f6e
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Navbar.js
View File

@ -2,7 +2,7 @@ import Link from "next/link";
const Navbar = ({ name, logo }) => ( const Navbar = ({ name, logo }) => (
<nav className="flex py-2 border-b dark:border-neutral-800 hover:opacity-70"> <nav className="flex py-2 border-b dark:border-neutral-800 hover:opacity-70">
<div className="w-3/12 md:w-7/12 md:mx-auto"> <div className="w-3/12 md:w-full lg:w-7/12 md:mx-11 lg:mx-auto">
<div className="md:w-2/12"> <div className="md:w-2/12">
<Link href="/"> <Link href="/">
{logo ? ( {logo ? (

4
pages/_app.js
View File

@ -9,12 +9,12 @@ import config from "../config.json";
const Content = ({ children }) => ( const Content = ({ children }) => (
<div className="flex items-center justify-between w-full my-5"> <div className="flex items-center justify-between w-full my-5">
<div className="lg:w-7/12 mx-auto">{children}</div> <div className="md:w-11/12 lg:w-7/12 mx-auto">{children}</div>
</div> </div>
); );
const App = ({ Component, pageProps }) => ( const App = ({ Component, pageProps }) => (
<div className='bg-white dark:bg-black dark:text-neutral-200'> <div className='min-h-screen bg-white dark:bg-black dark:text-neutral-200'>
<Navbar name={config.navbar.logotype} logo={config.navbar.logo} /> <Navbar name={config.navbar.logotype} logo={config.navbar.logo} />
<Content> <Content>
<Component {...pageProps} /> <Component {...pageProps} />

10
styles/globals.css
View File

@ -2,6 +2,16 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
body {
background-color: #ffffff;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #000000;
}
}
/* Somehow tailwind doesn't include this??? */ /* Somehow tailwind doesn't include this??? */
.aspect-photos { .aspect-photos {
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;