mirror of
https://github.com/yude-jp/yude.jp
synced 2024-12-22 20:20:09 +09:00
Cleanup margin styling
This commit is contained in:
parent
44493605fd
commit
ad8fa9d69d
@ -28,7 +28,7 @@ const Dropdown = ({ color }) => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
||||||
<div className="text-left mr-2 my-3 float-right">
|
<div className="text-left mr-2 ml-2 my-3 float-right">
|
||||||
<button type="button" className="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="options-menu" aria-haspopup="true" aria-expanded="true"
|
<button type="button" className="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="options-menu" aria-haspopup="true" aria-expanded="true"
|
||||||
style={{ transition: "all .15s ease" }}
|
style={{ transition: "all .15s ease" }}
|
||||||
ref={btnDropdownRef}
|
ref={btnDropdownRef}
|
||||||
|
@ -8,7 +8,7 @@ const Navbar = () => {
|
|||||||
<>
|
<>
|
||||||
<nav className='flex items-center flex-wrap p-3'>
|
<nav className='flex items-center flex-wrap p-3'>
|
||||||
<Link href='/'>
|
<Link href='/'>
|
||||||
<a className='inline-flex items-center p-2 mr-4'>
|
<a className='inline-flex items-center p-2'>
|
||||||
<span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'>
|
<span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'>
|
||||||
yude.jp
|
yude.jp
|
||||||
</span>
|
</span>
|
||||||
|
@ -23,7 +23,7 @@ const Layout = (props) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<button className="my-4 mx-3 text-2xl" onClick={switchTheme}>
|
<button className="my-4 text-2xl" onClick={switchTheme}>
|
||||||
{theme === 'light' ? (
|
{theme === 'light' ? (
|
||||||
<span>🌙</span>
|
<span>🌙</span>
|
||||||
) : (
|
) : (
|
||||||
|
@ -10,7 +10,7 @@ export default function About(props) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout title={house}>
|
<Layout title={house}>
|
||||||
<div className="mx-9">
|
<div>
|
||||||
<p className="my-2 text-3xl text-center">{house}</p>
|
<p className="my-2 text-3xl text-center">{house}</p>
|
||||||
<iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/4mVIU29WCRVZgHUxQPzWsfXo953uxiAegbjDb83hTQ7szesCunwdpVkBIzhnLc9i?period=1d" frameborder="0" scrolling="no"></iframe>
|
<iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/4mVIU29WCRVZgHUxQPzWsfXo953uxiAegbjDb83hTQ7szesCunwdpVkBIzhnLc9i?period=1d" frameborder="0" scrolling="no"></iframe>
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,7 +34,7 @@ export default function About(props) {
|
|||||||
return (
|
return (
|
||||||
|
|
||||||
<Layout title={about}>
|
<Layout title={about}>
|
||||||
<div className="my-9 mx-8 text-center">
|
<div className="my-9 text-center">
|
||||||
|
|
||||||
{
|
{
|
||||||
// Heading
|
// Heading
|
||||||
@ -53,7 +53,7 @@ export default function About(props) {
|
|||||||
unoptimized = {true}
|
unoptimized = {true}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<p className="text-center text-4xl subpixel-antialiased">yude</p>
|
<p className="text-4xl subpixel-antialiased">yude</p>
|
||||||
<DiscordPlaying />
|
<DiscordPlaying />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -61,7 +61,7 @@ export default function About(props) {
|
|||||||
{
|
{
|
||||||
// Description
|
// Description
|
||||||
}
|
}
|
||||||
<div className="container mx-auto max-w-3xl">
|
<div className="max-w-3xl">
|
||||||
<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>
|
||||||
@ -160,7 +160,7 @@ export default function About(props) {
|
|||||||
}
|
}
|
||||||
<div className="text-left my-6">
|
<div className="text-left my-6">
|
||||||
<p className="text-2xl"><FontAwesomeIcon icon={faKey} className="w-5 h-5 inline"/> {keys}</p>
|
<p className="text-2xl"><FontAwesomeIcon icon={faKey} className="w-5 h-5 inline"/> {keys}</p>
|
||||||
<ul className="list-disc mx-5 my-2">
|
<ul className="list-disc my-2">
|
||||||
<li>
|
<li>
|
||||||
<span className="font-bold">GPG </span>
|
<span className="font-bold">GPG </span>
|
||||||
<Link href="/static/yudejp.gpg">
|
<Link href="/static/yudejp.gpg">
|
||||||
@ -170,8 +170,8 @@ export default function About(props) {
|
|||||||
</a>
|
</a>
|
||||||
</Link>
|
</Link>
|
||||||
<p>{fingerprint}:</p>
|
<p>{fingerprint}:</p>
|
||||||
<div className="w-full overflow-x-auto ...">
|
<div className="w-full 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>
|
||||||
</div>
|
</div>
|
||||||
@ -185,8 +185,8 @@ export default function About(props) {
|
|||||||
</a>
|
</a>
|
||||||
</Link>
|
</Link>
|
||||||
<p>{fingerprint}:</p>
|
<p>{fingerprint}:</p>
|
||||||
<div className="w-full overflow-x-auto ...">
|
<div className="w-full overflow-x-auto">
|
||||||
<div className="whitespace-nowrap ...">
|
<div className="whitespace-nowrap">
|
||||||
2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
|
2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -16,7 +16,7 @@ export default function About(props) {
|
|||||||
return (
|
return (
|
||||||
|
|
||||||
<Layout title={status}>
|
<Layout title={status}>
|
||||||
<div className="my-9 mx-9 text-center">
|
<div className="my-9 text-center">
|
||||||
{
|
{
|
||||||
// Heading
|
// Heading
|
||||||
}
|
}
|
||||||
|
@ -13,7 +13,7 @@ export default function Tos(props) {
|
|||||||
const tos = t('tos')
|
const tos = t('tos')
|
||||||
return(
|
return(
|
||||||
<Layout title={tos}>
|
<Layout title={tos}>
|
||||||
<div className="mx-9">
|
<div>
|
||||||
<ReactMarkdown plugins={[gfm]} children={input} />
|
<ReactMarkdown plugins={[gfm]} children={input} />
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
Loading…
Reference in New Issue
Block a user