Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Precommit

This commit is contained in:
DrMint 2022-10-22 01:45:30 +02:00
parent 155e7246d2
commit 8aeae06432
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Panels/MainPanel.tsx
View File

@ -176,18 +176,18 @@ export const MainPanel = (): JSX.Element => {
href="https://creativecommons.org/licenses/by-sa/4.0/"> href="https://creativecommons.org/licenses/by-sa/4.0/">
<div <div
className="aspect-square w-6 bg-black transition-colors className="aspect-square w-6 bg-black transition-colors
[mask:url('/icons/creative-commons-brands.svg')] ![mask-size:contain] ![mask-size:contain] ![mask-repeat:no-repeat] ![mask-position:center]
![mask-repeat:no-repeat] ![mask-position:center] group-hover:bg-dark" [mask:url('/icons/creative-commons-brands.svg')] group-hover:bg-dark"
/> />
<div <div
className="aspect-square w-6 bg-black transition-colors className="aspect-square w-6 bg-black transition-colors
[mask:url('/icons/creative-commons-by-brands.svg')] ![mask-size:contain] ![mask-size:contain] ![mask-repeat:no-repeat] ![mask-position:center]
![mask-repeat:no-repeat] ![mask-position:center] group-hover:bg-dark" [mask:url('/icons/creative-commons-by-brands.svg')] group-hover:bg-dark"
/> />
<div <div
className="aspect-square w-6 bg-black transition-colors className="aspect-square w-6 bg-black transition-colors
[mask:url('/icons/creative-commons-sa-brands.svg')] ![mask-size:contain] ![mask-size:contain] ![mask-repeat:no-repeat] ![mask-position:center]
![mask-repeat:no-repeat] ![mask-position:center] group-hover:bg-dark" [mask:url('/icons/creative-commons-sa-brands.svg')] group-hover:bg-dark"
/> />
</a> </a>
</div> </div>
@ -200,9 +200,9 @@ export const MainPanel = (): JSX.Element => {
<a <a
aria-label="Browse our GitHub repository, which include this website source code" aria-label="Browse our GitHub repository, which include this website source code"
onClick={() => sendAnalytics("MainPanel", "Visit GitHub")} onClick={() => sendAnalytics("MainPanel", "Visit GitHub")}
className="aspect-square w-10 className="aspect-square w-10 bg-black
bg-black transition-colors [mask:url('/icons/github-brands.svg')] transition-colors ![mask-size:contain] ![mask-repeat:no-repeat]
![mask-size:contain] ![mask-repeat:no-repeat] ![mask-position:center] hover:bg-dark" ![mask-position:center] [mask:url('/icons/github-brands.svg')] hover:bg-dark"
href="https://github.com/Accords-Library" href="https://github.com/Accords-Library"
target="_blank" target="_blank"
rel="noopener noreferrer"></a> rel="noopener noreferrer"></a>
@ -210,8 +210,8 @@ export const MainPanel = (): JSX.Element => {
aria-label="Follow us on Twitter" aria-label="Follow us on Twitter"
onClick={() => sendAnalytics("MainPanel", "Visit Twitter")} onClick={() => sendAnalytics("MainPanel", "Visit Twitter")}
className="aspect-square w-10 className="aspect-square w-10
bg-black transition-colors [mask:url('/icons/twitter-brands.svg')] bg-black transition-colors ![mask-size:contain] ![mask-repeat:no-repeat]
![mask-size:contain] ![mask-repeat:no-repeat] ![mask-position:center] hover:bg-dark" ![mask-position:center] [mask:url('/icons/twitter-brands.svg')] hover:bg-dark"
href="https://twitter.com/AccordsLibrary" href="https://twitter.com/AccordsLibrary"
target="_blank" target="_blank"
rel="noopener noreferrer"></a> rel="noopener noreferrer"></a>
@ -219,8 +219,8 @@ export const MainPanel = (): JSX.Element => {
aria-label="Join our Discord server!" aria-label="Join our Discord server!"
onClick={() => sendAnalytics("MainPanel", "Visit Discord")} onClick={() => sendAnalytics("MainPanel", "Visit Discord")}
className="aspect-square w-10 className="aspect-square w-10
bg-black transition-colors [mask:url('/icons/discord-brands.svg')] bg-black transition-colors ![mask-size:contain] ![mask-repeat:no-repeat]
![mask-size:contain] ![mask-repeat:no-repeat] ![mask-position:center] hover:bg-dark" ![mask-position:center] [mask:url('/icons/discord-brands.svg')] hover:bg-dark"
href="/discord" href="/discord"
target="_blank" target="_blank"
rel="noopener noreferrer"></a> rel="noopener noreferrer"></a>

6
src/components/PreviewCard.tsx
View File

@ -220,11 +220,11 @@ export const PreviewCard = ({
</div> </div>
)} )}
<div className="my-1"> <div className="my-1">
{pre_title && <p className="mb-1 break-words leading-none">{pre_title}</p>} {pre_title && <p className="mb-1 leading-none break-words">{pre_title}</p>}
{title && ( {title && (
<p className="break-words font-headers text-lg font-bold leading-none">{title}</p> <p className="font-headers text-lg font-bold leading-none break-words">{title}</p>
)} )}
{subtitle && <p className="break-words leading-none">{subtitle}</p>} {subtitle && <p className="leading-none break-words">{subtitle}</p>}
</div> </div>
{description && <p>{description}</p>} {description && <p>{description}</p>}
{bottomChips && bottomChips.length > 0 && ( {bottomChips && bottomChips.length > 0 && (