yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2024-12-22 20:20:09 +09:00
Code Releases Activity

[WIP] Fix margin (on responsive)

Browse Source
This commit is contained in:
yude 2021-05-26 08:01:02 +09:00
parent ad8fa9d69d
commit b65e165ac4
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/components/Layout.js
View File

@ -24,7 +24,7 @@ const Layout = (props) => {
</Head> </Head>
<main> <main>
<Navbar /> <Navbar />
<div className="page-main"> <div className="md:mx-9 mx-1">
{children} {children}
</div> </div>
<Footer /> <Footer />

2
pages/components/Navbar.js
View File

@ -14,7 +14,7 @@ const Navbar = () => {
</span> </span>
</a> </a>
</Link> </Link>
<div className="origin-top-right absolute right-0"> <div className="absolute right-0">
<ThemeSelector /> <ThemeSelector />
<LangSelector /> <LangSelector />
</div> </div>

14
pages/profile.js
View File

@ -34,12 +34,12 @@ export default function About(props) {
return ( return (
<Layout title={about}> <Layout title={about}>
<div className="my-9 text-center"> <div className="text-center">
{ {
// Heading // Heading
} }
<div className="mb-5 flex justify-center"> <div>
<div> <div>
<div className="z-50 transform translate-x-40 translate-y-48"> <div className="z-50 transform translate-x-40 translate-y-48">
<DiscordStatus /> <DiscordStatus />
@ -61,7 +61,7 @@ export default function About(props) {
{ {
// Description // Description
} }
<div className="max-w-3xl"> <div>
<div className="text-left"> <div className="text-left">
<p className="text-2xl"><FontAwesomeIcon icon={faInfo} className="w-5 h-5 inline"/> {desc}</p> <p className="text-2xl"><FontAwesomeIcon icon={faInfo} className="w-5 h-5 inline"/> {desc}</p>
</div> </div>
@ -170,7 +170,7 @@ export default function About(props) {
</a> </a>
</Link> </Link>
<p>{fingerprint}:</p> <p>{fingerprint}:</p>
<div className="w-full overflow-x-auto"> <div className="overflow-x-auto">
<div className="whitespace-nowrap"> <div className="whitespace-nowrap">
3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968 3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968
</div> </div>
@ -185,7 +185,7 @@ export default function About(props) {
</a> </a>
</Link> </Link>
<p>{fingerprint}:</p> <p>{fingerprint}:</p>
<div className="w-full overflow-x-auto"> <div className="overflow-x-auto">
<div className="whitespace-nowrap"> <div className="whitespace-nowrap">
2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc 2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
</div> </div>
@ -199,9 +199,9 @@ export default function About(props) {
</div> </div>
</div> </div>
<Link href="https://scrapbox.io/yude/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88"> <Link href="https://scrapbox.io/yude/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88">
<button className="border border-transparent rounded-md shadow-sm text-sm font-medium mt-3 text-white bg-indigo-800 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 p-3 w-60">{more}</button> <button className="border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-800 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 p-3 w-60">{more}</button>
</Link> </Link>
<p className="mt-3 text-sm font-bold mb-2 text-gray-900 dark:text-gray-400">{icon_1}<Link href="https://twitter.com/xmnts"><a className="hover:underline">Minkasy {icon_2}</a></Link></p> <p className="mt-3 text-sm font-bold text-gray-900 dark:text-gray-400">{icon_1}<Link href="https://twitter.com/xmnts"><a className="hover:underline">Minkasy {icon_2}</a></Link></p>
</div> </div>
</Layout> </Layout>
) )