mirror of
https://github.com/yude-jp/yude.jp
synced 2024-12-22 12:10:11 +09:00
Fix status badge & name positioning
This commit is contained in:
parent
8406afaa29
commit
a52d5a2074
@ -16,6 +16,7 @@ const App = () => {
|
||||
const status = data.members && data.members[0].status;
|
||||
return (
|
||||
<>
|
||||
<div className="z-50 transform translate-x-96 -translate-y-10 w-5">
|
||||
{
|
||||
(() => {
|
||||
if (status == "online"){
|
||||
@ -29,6 +30,7 @@ const App = () => {
|
||||
}
|
||||
})()
|
||||
}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
@ -38,11 +38,7 @@ export default function About(props) {
|
||||
{
|
||||
// Heading
|
||||
}
|
||||
<div className="flex justify-center">
|
||||
<div>
|
||||
<div className="z-50 transform translate-x-40 translate-y-48 w-5">
|
||||
<DiscordStatus />
|
||||
</div>
|
||||
<div>
|
||||
<Image
|
||||
className = "object-contain rounded-full hover:animate-rumble z-0"
|
||||
src = "/static/images/avatar.png"
|
||||
@ -50,14 +46,13 @@ export default function About(props) {
|
||||
width = {200}
|
||||
height = {200}
|
||||
unoptimized = {true}
|
||||
/>
|
||||
|
||||
<p className="text-4xl subpixel-antialiased">yude</p>
|
||||
/>
|
||||
<DiscordStatus />
|
||||
<p className="text-4xl transform -translate-y-4">yude</p>
|
||||
<div>
|
||||
<DiscordPlaying />
|
||||
<Spotify />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{
|
||||
|
Loading…
Reference in New Issue
Block a user