0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-12-22 12:10:11 +09:00

Update margin

This commit is contained in:
yude 2021-05-28 07:27:11 +09:00
parent c33cebd4c1
commit 9f2e0cc407
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
2 changed files with 2 additions and 2 deletions

View File

@ -24,7 +24,7 @@ const Layout = (props) => {
</Head>
<main>
<Navbar />
<div className="md:mx-40 mx-6">
<div className="max-w-2xl mx-auto">
{children}
</div>
<Footer />

View File

@ -34,7 +34,7 @@ export default function Index(props) {
unoptimized = {true}
/>
</div>
<div className="grid grid-cols-5 gap-10 max-w-xl mx-auto">
<div className="grid grid-cols-5 gap-10">
<div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-10">{profile}</span><Link href="/profile"><a><FontAwesomeIcon icon={faUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
<div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-9">{blog}</span><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
<div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{status}</span><Link href="/status"><a><FontAwesomeIcon icon={faServer} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>