svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: decrease the size of social icons

Browse source
This commit is contained in:
Dorian Niemiec 2024-11-18 17:16:02 +01:00
parent b7c2266795
commit f2e2a4cd07
4 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/(root)/contact/page.tsx
View file

@ -186,7 +186,7 @@ const ContactUs = () => {
))} ))}
</ul> </ul>
<Separator /> <Separator />
<ul className="flex justify-center my-6"> <ul className="flex justify-center space-x-1 my-6">
<Iconss /> <Iconss />
</ul> </ul>
<Separator /> <Separator />

2
components/shared/HeroCards.tsx
View file

@ -88,7 +88,7 @@ const HeroCards = () => {
</Card> </Card>
{/* Socials Second top right */} {/* Socials Second top right */}
<Card className="absolute right-[20px] top-4 w-80 flex flex-col justify-center items-center drop-shadow-xl shadow-black/10 dark:shadow-white/10"> <Card className="absolute right-[20px] top-5 w-80 flex flex-col justify-center items-center drop-shadow-xl shadow-black/10 dark:shadow-white/10">
<CardHeader className="flex justify-center items-center pb-2"> <CardHeader className="flex justify-center items-center pb-2">
<CardTitle className="text-center">Socials</CardTitle> <CardTitle className="text-center">Socials</CardTitle>
<CardDescription className="font-medium text-primary"></CardDescription> <CardDescription className="font-medium text-primary"></CardDescription>

3
components/ui/button.tsx
View file

@ -23,7 +23,8 @@ const buttonVariants = cva(
default: "h-10 px-4 py-2", default: "h-10 px-4 py-2",
sm: "h-9 rounded-md px-3", sm: "h-9 rounded-md px-3",
lg: "h-11 rounded-md px-8", lg: "h-11 rounded-md px-8",
icon: "h-10 w-10" icon: "h-10 w-10",
smicon: "h-8 w-8"
} }
}, },
defaultVariants: { defaultVariants: {

36
components/ui/icons.tsx
View file

@ -25,13 +25,13 @@ const Iconss = () => {
rel="me" rel="me"
className={buttonVariants({ className={buttonVariants({
variant: "ghost", variant: "ghost",
size: "icon" size: "smicon"
})} })}
> >
<span className="sr-only">X icon</span> <span className="sr-only">X icon</span>
<svg <svg
width="25" width="22"
height="25" height="22"
viewBox="0 0 25 25" viewBox="0 0 25 25"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -48,14 +48,14 @@ const Iconss = () => {
rel="me" rel="me"
className={buttonVariants({ className={buttonVariants({
variant: "ghost", variant: "ghost",
size: "icon" size: "smicon"
})} })}
> >
<span className="sr-only">Mastodon icon</span> <span className="sr-only">Mastodon icon</span>
<svg <svg
width="25" width="22"
height="25" height="22"
viewBox="0 0 25 25" viewBox="0 0 25 25"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -73,14 +73,14 @@ const Iconss = () => {
rel="me" rel="me"
className={buttonVariants({ className={buttonVariants({
variant: "ghost", variant: "ghost",
size: "icon" size: "smicon"
})} })}
> >
<span className="sr-only">Bluesky icon</span> <span className="sr-only">Bluesky icon</span>
<svg <svg
width="25" width="22"
height="25" height="22"
viewBox="0 0 576 512" viewBox="0 0 576 512"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -98,14 +98,14 @@ const Iconss = () => {
rel="me" rel="me"
className={buttonVariants({ className={buttonVariants({
variant: "ghost", variant: "ghost",
size: "icon" size: "smicon"
})} })}
> >
<span className="sr-only">Odysee icon</span> <span className="sr-only">Odysee icon</span>
<svg <svg
width="25" width="22"
height="25" height="22"
viewBox="0 0 25 25" viewBox="0 0 25 25"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -123,14 +123,14 @@ const Iconss = () => {
rel="me" rel="me"
className={buttonVariants({ className={buttonVariants({
variant: "ghost", variant: "ghost",
size: "icon" size: "smicon"
})} })}
> >
<span className="sr-only">Instagram icon</span> <span className="sr-only">Instagram icon</span>
<svg <svg
width="25" width="22"
height="25" height="22"
viewBox="0 0 1000 1000" viewBox="0 0 1000 1000"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -148,14 +148,14 @@ const Iconss = () => {
rel="me" rel="me"
className={buttonVariants({ className={buttonVariants({
variant: "ghost", variant: "ghost",
size: "icon" size: "smicon"
})} })}
> >
<span className="sr-only">Threads icon</span> <span className="sr-only">Threads icon</span>
<svg <svg
width="25" width="22"
height="25" height="22"
viewBox="0 0 878 1000" viewBox="0 0 878 1000"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"