mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-08-29 07:25:38 -04:00
jake
ecc6a942a9
Co-locate PlexIcon/JellyfinIcon under settings/_components/icons.tsx. Update Plex icon to CoreUI Brands SVG with corrected viewBox. Add animated height transitions to collapsible panels, fix open-state padding, and turn the Plex Pass notice into a linked external reference with an inline icon.
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import type { SVGProps } from "react";
|
|
|
|
export function PlexIcon(props: SVGProps<SVGSVGElement>) {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
viewBox="0 0 32 32"
|
|
aria-hidden="true"
|
|
{...props}
|
|
>
|
|
{/* Icon from CoreUI Brands by creativeLabs Łukasz Holeczek - https://creativecommons.org/publicdomain/zero/1.0/ */}
|
|
<path
|
|
fill="currentColor"
|
|
d="M15.527 0H6.24l10.239 16L6.24 32h9.287L25.76 16z"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function JellyfinIcon(props: SVGProps<SVGSVGElement>) {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
aria-hidden="true"
|
|
{...props}
|
|
>
|
|
{/* Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md */}
|
|
<path
|
|
fill="currentColor"
|
|
d="M12 .002C8.826.002-1.398 18.537.16 21.666c1.56 3.129 22.14 3.094 23.682 0S15.177 0 12 0zm7.76 18.949c-1.008 2.028-14.493 2.05-15.514 0C3.224 16.9 9.92 4.755 12.003 4.755c2.081 0 8.77 12.166 7.759 14.196zM12 9.198c-1.054 0-4.446 6.15-3.93 7.189c.518 1.04 7.348 1.027 7.86 0c.511-1.027-2.874-7.19-3.93-7.19z"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|