Fix hidden gallery footer social icons

[pmrowla]

Fixes #2501

The linked issue is reproducible for me in v6.1.2. The icons are visible in the landing page footer, but not in the gallery footer.

I think there's 2 issues with the gallery footer:

Lychee/resources/js/components/footers/GalleryFooter.vue

Lines 8 to 16 in 2e873f3

	<div id="home_socials" class="w-full" style="display: none" v-if="footerData.footer_show_social_media">
	<a
	v-if="footerData.sm_facebook_url !== ''"
	:href="footerData.sm_facebook_url"
	class="socialicons"
	id="facebook"
	target="_blank"
	rel="noopener"
	></a>

The first is that the div has style="display: none". This hides the entire div even when footer_show_social_media is enabled. If I override the style to display the div in chrome devtools, I can see the div, but get the square boxes as shown in the original report.

The second issue is that the font with the icons is tied to the socials class, but the gallery footer links only set socialicons. (This is what causes the square boxes)

Lychee/resources/sass/fonts.css

Lines 46 to 48 in 2e873f3

	.socials {
	font-family: "socials" !important;
	}

You can see that the correctly working landing page footer sets both socials and socialicons classes:

Lychee/resources/js/components/footers/LandingFooter.vue

Lines 3 to 11 in 2e873f3

	<div id="home_socials" class="fixed bottom-8 left-0 right-0 text-center z-10 opacity-0 translate-y-[300px] animate-landingAnimateUp">
	<a
	v-if="props.footerData.sm_facebook_url !== ''"
	:href="props.footerData.sm_facebook_url"
	class="inline-block hover:scale-150 hover:text-muted-color transition-all ease-in-out duration-300 text-surface-0 socials text-2xl my-4 mx-5 socialicons"
	id="facebook"
	target="_blank"
	rel="noopener"
	></a>

[ildyria]

Thank you for your investigation and PR. I'll meege as soon as this passes the CI checks.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.62%. Comparing base (2e873f3) to head (0dbeeab).
Report is 1 commits behind head on master.

Additional details and impacted files