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

6
src/components/PreviewCard.tsx
View File

@ -220,11 +220,11 @@ export const PreviewCard = ({
</div>
)}
<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 && (
<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>
{description && <p>{description}</p>}
{bottomChips && bottomChips.length > 0 && (