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 }) => (
<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">
<Link href="/">
{logo ? (

4
pages/_app.js
View File

@ -9,12 +9,12 @@ import config from "../config.json";
const Content = ({ children }) => (
<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>
);
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} />
<Content>
<Component {...pageProps} />

10
styles/globals.css
View File

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