fix: mobile (#24)

This commit is contained in:
Saahil dutta 2025-07-29 00:07:40 -04:00 committed by GitHub
parent 4efce63394
commit aae809af97
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions

View file

@ -2,10 +2,10 @@
let spotify_link = `https://spotify-github-profile.kittinanx.com/api/view?uid=saahil.d&cover_image=true&theme=default&show_offline=true&background_color=121212&interchange=false&bar_color=b6494d&bar_color_cover=true`;
</script>
<template>
<div class="flex items-center justify-between mt-20 px-20">
<div class="flex items-center justify-between md:mt-20 md:px-20 mt-10 px-10">
<div>
<img src="/neonspfp.png" height="200" width="200" class="pb-5" />
<h1 class="font-bold text-5xl">
<img src="/neonspfp.png" class="md:pb-5 pb-2 md:h-[200px] md:w-[200px] h-[100px] w-[100px]" />
<h1 class="font-bold md:text-5xl text-2xl">
<svg
class="h-9 w-9 lg:h-10 lg:w-10 xl:h-12 xl:w-12 inline-block align-bottom"
style="color: #cba6f7"
@ -61,7 +61,7 @@ let spotify_link = `https://spotify-github-profile.kittinanx.com/api/view?uid=sa
<!-- Right: Spotify Image -->
<div>
<img :src="spotify_link" alt="Saahil's Spotify" class="mt-5" />
<img :src="spotify_link" alt="Saahil's Spotify" class="mt-5 hidden md:block" />
</div>
</div>
</template>

View file

@ -49,11 +49,11 @@ let cards = [
<div>
<AboutMe />
</div>
<div class="md:mr-10">
<div class="md:mr-10 hidden sm:block">
<FeedbackCards :cards="cards" />
</div>
</div>
<div class="-mt-30 hidden sm:block">
<div class="-mt-30 hidden md:block">
<SnakeGrid />
</div>
</div>