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

Fix status badge & name positioning

Browse Source
This commit is contained in:
yude 2021-05-30 18:26:40 +09:00
parent 8406afaa29
commit a52d5a2074
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
2 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/components/DiscordStatus.js
View File

@ -16,6 +16,7 @@ const App = () => {
const status = data.members && data.members[0].status; const status = data.members && data.members[0].status;
return ( return (
<> <>
<div className="z-50 transform translate-x-96 -translate-y-10 w-5">
{ {
(() => { (() => {
if (status == "online"){ if (status == "online"){
@ -29,6 +30,7 @@ const App = () => {
} }
})() })()
} }
</div>
</> </>
) )
} }

13
pages/profile.js
View File

@ -38,11 +38,7 @@ export default function About(props) {
{ {
// Heading // Heading
} }
<div className="flex justify-center"> <div>
<div>
<div className="z-50 transform translate-x-40 translate-y-48 w-5">
<DiscordStatus />
</div>
<Image <Image
className = "object-contain rounded-full hover:animate-rumble z-0" className = "object-contain rounded-full hover:animate-rumble z-0"
src = "/static/images/avatar.png" src = "/static/images/avatar.png"
@ -50,14 +46,13 @@ export default function About(props) {
width = {200} width = {200}
height = {200} height = {200}
unoptimized = {true} unoptimized = {true}
/> />
<DiscordStatus />
<p className="text-4xl subpixel-antialiased">yude</p> <p className="text-4xl transform -translate-y-4">yude</p>
<div> <div>
<DiscordPlaying /> <DiscordPlaying />
<Spotify /> <Spotify />
</div> </div>
</div>
</div> </div>
{ {