🔨 refactor(style): remove unnecessary css

Signed-off-by: Abhiraj Roy <157954129+iconized@users.noreply.github.com>
This commit is contained in:
Abhiraj Roy
2024-06-07 04:36:59 +05:30
parent 2279bcae42
commit 423641c81b

View File

@@ -2,9 +2,10 @@
<footer class='flex md:justify-between border-top text-menu-text font-fira_retina'> <footer class='flex md:justify-between border-top text-menu-text font-fira_retina'>
<!-- social icons --> <!-- social icons -->
<div class="w-full flex justify-between md:justify-start"> <div class="w-full flex justify-between md:justify-start">
<span id="social-title" class="h-full flex justify-center items-center border-right px-5"> <span id="social-title" class="h-full flex justify-center items-center border-right px-5">
social refs: social:
</span> </span>
<div id="social-icons" class="flex"> <div id="social-icons" class="flex">
<NuxtLink :to="social.twitter.url + social.twitter.user" target="_blank" class="flex justify-center items-center"> <NuxtLink :to="social.twitter.url + social.twitter.user" target="_blank" class="flex justify-center items-center">
@@ -13,14 +14,18 @@
<NuxtLink :to="social.facebook.url + social.facebook.user" target="_blank" class="flex justify-center items-center"> <NuxtLink :to="social.facebook.url + social.facebook.user" target="_blank" class="flex justify-center items-center">
<img src="/icons/social/facebook.svg"/> <img src="/icons/social/facebook.svg"/>
</NuxtLink> </NuxtLink>
<!-- <span class="flex mx-50 justify-center items-center">Snigdha OS</span> -->
<NuxtLink :to="social.github.url + social.github.user" target="_blank" class="flex md:hidden justify-center items-center"> <NuxtLink :to="social.github.url + social.github.user" target="_blank" class="flex md:hidden justify-center items-center">
<img src="/icons/social/github.svg"/> <img src="/icons/social/github.svg"/>
</NuxtLink> </NuxtLink>
</div> </div>
</div> </div>
<!-- <div class="w-full inline justify-center md:justify-center items-center">Snigdha OS</div> -->
<!-- github user --> <!-- github user -->
<NuxtLink :to="social.github.url + social.github.user" target="_blank" class="hidden md:flex items-center px-10 border-left"> <NuxtLink :to="social.github.url + social.github.user" target="_blank" class="md:flex items-center px-10 border-left">
@{{ social.github.user }} @{{ social.github.user }}
<img src="/icons/social/github.svg"/> <img src="/icons/social/github.svg"/>
</NuxtLink> </NuxtLink>
@@ -49,14 +54,14 @@ footer a:hover {
#social-icons > a > img { #social-icons > a > img {
width: 1.25rem; /* 20px */ width: 1.25rem; /* 20px */
height: 1.25rem; /* 20px */ height: 1.25rem; /* 20px */
margin: auto; /* margin: auto; */
opacity: 0.4; opacity: 1;
} }
footer > a > img { footer > a > img {
width: 1.25rem; /* 20px */ width: 1.25rem; /* 20px */
height: 1.25rem; /* 20px */ height: 1.25rem; /* 20px */
margin-left: 0.5rem; /* 8px */ /* margin-left: 0.5rem; 8px */
} }
#social-icons > a:hover img { #social-icons > a:hover img {