dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-05 09:25:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

docs: fix guides layout

Browse Source
This commit is contained in:
Francesco Sansalvadore committed 2023-05-12 17:58:40 +02:00
1 parent 5ad4f9fdca
commit 47fb187034
3 files changed
+14 -129
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/docs/layouts/guides/index.tsx
+14 -33
View File
@@ -10,6 +10,8 @@ import { highlightSelectedTocItem } from '~/components/CustomHTMLElements/Custom
import { FooterHelpCalloutType } from '~/components/FooterHelpCallout'
import useHash from '~/hooks/useHash'
import { LayoutMainContent } from '../DefaultLayout'
import GuidesTableOfContents from '../../components/GuidesTableOfContents'
import ExpandableVideo from 'ui/src/components/ExpandableVideo/ExpandableVideo'
interface Props {
meta: {
@@ -151,45 +153,24 @@ const Layout: FC<Props> = (props) => {
{!props.hideToc && hasTableOfContents && !props.meta?.hide_table_of_contents && (
<div
className={[
'relative',
!props.hideToc ? 'col-span-12 md:col-span-9' : 'col-span-12',
'col-span-3',
'border-scale-400 dark:bg-scale-200 table-of-contents-height',
'thin-scrollbar overflow-y-auto sticky hidden md:block md:col-span-3 px-2',
'transition-all ease-out',
'duration-100',
].join(' ')}
>
{props.meta.breadcrumb && (
<p className="text-brand-900 tracking-wider mb-3">{props.meta.breadcrumb}</p>
)}
<article
ref={articleRef}
className={`${
props.meta?.hide_table_of_contents || !hasTableOfContents ? '' : ''
} prose dark:prose-dark max-w-none`}
>
<h1 className="mb-0">{props.meta.title}</h1>
{props.meta.subtitle && (
<h2 className="mt-3 text-xl text-scale-1100">{props.meta.subtitle}</h2>
)}
<div className="max-w-xs w-32 h-[1px] bg-gradient-to-r from-brand-800 to-brand-900 my-8"></div>
<MDXProvider components={components}>{props.children}</MDXProvider>
{EDIT_BUTTON_EXCLUDE_LIST.includes(router.route) ? (
<></>
) : (
<div className="mt-16 not-prose">
<div>
<Link
href={`https://github.com/supabase/supabase/edit/master/apps/docs/pages${router.asPath}.mdx`}
passHref
>
<a className="text-sm transition flex items-center gap-1 text-scale-1000 hover:text-scale-1200">
Edit this page on GitHub <IconExternalLink size={14} strokeWidth={1.5} />
</a>
</Link>
</div>
<div className="border-l">
{props.meta?.tocVideo && !!tocVideoPreview && (
<div className="relative mb-6 pl-5">
<ExpandableVideo imgUrl={tocVideoPreview} videoId={props.meta.tocVideo} />
</div>
)}
</article>
<span className="block font-mono text-xs uppercase text-scale-1200 px-5 mb-6">
On this page
</span>
<GuidesTableOfContents list={tocList} />
</div>
</div>
)}
</div>
apps/docs/public/img/icons/supabase-docs.svg
-48
View File
@@ -1,48 +0,0 @@
<svg width="126" height="184" viewBox="0 0 126 184" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2559 34.7394H104.043C115.676 34.7394 125.106 44.1698 125.106 55.8028V128.504C125.106 140.137 115.676 149.567 104.043 149.567H22.2559C10.6229 149.567 1.19249 140.137 1.19249 128.504V55.8028C1.19249 44.1698 10.6229 34.7394 22.2559 34.7394ZM0.644531 55.8028C0.644531 43.8672 10.3203 34.1914 22.2559 34.1914H104.043C115.979 34.1914 125.654 43.8671 125.654 55.8028V128.504C125.654 140.44 115.979 150.115 104.043 150.115H22.2559C10.3203 150.115 0.644531 140.44 0.644531 128.504V55.8028ZM75.8132 37.6389H104.899L104.94 37.6389C99.389 39.2596 95.2937 44.2945 95.0809 50.3176H95.0078V63.9378H90.596C83.621 57.256 74.158 53.1505 63.7362 53.1505L63.7337 53.1505L75.8418 37.6612L75.8132 37.6389ZM91.1567 64.4858H95.0078V68.9554C93.8376 67.369 92.5496 65.8748 91.1567 64.4858ZM63.7362 53.6985C73.8036 53.6985 82.9634 57.5843 89.7977 63.9378L63.7067 63.9378V53.6985L63.7362 53.6985ZM90.375 64.4858L63.7067 64.4858V81.9098H95.0078V69.891C93.6324 67.9477 92.0803 66.1381 90.375 64.4858ZM63.1588 53.886V63.9378H55.3012L63.1588 53.886ZM63.1588 64.4858H54.8728L41.2524 81.9098H63.1588L63.1588 64.4858ZM62.5969 53.7151L54.6057 63.9378L37.6746 63.9378C44.2502 57.8248 52.9786 53.9962 62.5969 53.7151ZM54.1773 64.4858L37.0973 64.4858C34.85 66.6633 32.8689 69.1137 31.2073 71.7838V81.9098H40.5569L54.1773 64.4858ZM63.0333 53.1567C52.8892 53.3368 43.6942 57.4065 36.8763 63.9378H31.2073V51.4967C31.2185 51.2695 31.2242 51.0408 31.2242 50.8108C31.2242 44.5707 27.0583 39.3036 21.356 37.639L21.4067 37.6389H63.1588V52.9962L63.0333 53.1567ZM36.3156 64.4858H31.2073V70.7648C32.6903 68.496 34.4042 66.3919 36.3156 64.4858ZM30.6594 54.7194V63.9378L21.506 63.9378C25.8961 62.6012 29.353 59.1227 30.6594 54.7194ZM30.6594 64.4858L18.6211 64.4858C18.2528 64.5155 17.8803 64.5306 17.5043 64.5306C11.2643 64.5306 5.99721 60.3647 4.33253 54.6624L4.33246 54.7132V81.9098H26.2223C27.2054 78.2396 28.7128 74.7838 30.6594 71.6276V64.4858ZM18.0106 63.9378H18.5985C25.1405 63.3999 30.3278 58.0812 30.6594 51.4828V50.3176H30.6671C30.4304 43.8848 25.5806 38.6302 19.3282 37.7641C11.56 38.7069 5.40049 44.8664 4.4577 52.6346C5.34576 59.046 10.8485 63.9826 17.5043 63.9826C17.6739 63.9826 17.8426 63.9794 18.0106 63.9731V63.9378ZM107.675 64.4858L95.5558 64.4858V69.7174C98.0087 73.2162 99.8992 77.1381 101.096 81.3519L115.985 62.496C113.894 63.7862 111.43 64.5306 108.792 64.5306C108.416 64.5306 108.044 64.5155 107.675 64.4858ZM95.5558 63.9378L104.79 63.9378C100.306 62.5725 96.7952 58.9721 95.5558 54.4341V63.9378ZM108.293 63.9378V63.9733C108.458 63.9795 108.625 63.9826 108.792 63.9826C111.996 63.9826 114.933 62.8387 117.216 60.937L117.302 60.8279L117.325 60.8456C119.735 58.794 121.397 55.8893 121.844 52.5985C120.886 44.8456 114.731 38.7028 106.973 37.7635C100.559 38.6497 95.6202 44.1535 95.6202 50.8108C95.6202 57.717 100.935 63.3818 107.698 63.9378H108.293ZM75.1637 37.6389H63.7067V52.2953L75.1637 37.6389ZM40.1285 82.4577H31.2073V93.8702L40.1285 82.4577ZM31.2073 94.7599L40.824 82.4577L63.1588 82.4577V100.26H31.2073V94.7599ZM30.6594 94.5712V82.4577H26.6453C25.8655 85.5033 25.4508 88.6951 25.4508 91.9838C25.4508 94.7774 25.75 97.5012 26.3181 100.125L30.6594 94.5712ZM26.9075 100.26L30.6594 95.4609V100.26H26.9075ZM26.4743 100.815L26.4792 100.808H30.6594V111.276C28.7788 108.058 27.3542 104.542 26.4743 100.815ZM25.7837 100.808H4.33246V129.576L4.33255 129.633C4.99897 127.351 6.2427 125.314 7.89504 123.692L25.7837 100.808ZM9.82367 122.115L26.0437 101.365C27.0183 105.294 28.5909 108.986 30.6594 112.34V119.805H18.5541C18.2076 119.779 17.8575 119.765 17.5043 119.765C14.6586 119.765 12.0153 120.632 9.82367 122.115ZM18.0106 120.323V120.353H18.5329C25.1058 120.86 30.3266 126.193 30.6594 132.813V134.067H30.6636C30.3859 140.45 25.5657 145.654 19.3554 146.528C11.5756 145.596 5.4036 139.433 4.45816 131.658C4.79522 129.229 5.79462 127.012 7.26807 125.195L7.35999 125.267L8.30432 124.059C10.6784 121.741 13.9246 120.313 17.5043 120.313C17.6739 120.313 17.8426 120.316 18.0106 120.323ZM21.4888 120.353H30.6594V129.576C29.3513 125.167 25.8871 121.686 21.4888 120.353ZM31.2073 120.353V132.799C31.2185 133.026 31.2242 133.255 31.2242 133.485C31.2242 139.716 27.07 144.977 21.38 146.65L21.4067 146.65H49.5349L62.0648 130.782C52.4718 130.376 43.7794 126.489 37.2175 120.353H31.2073ZM38.0264 120.353C44.5343 126.254 53.0816 129.947 62.4854 130.249L63.1588 129.396V120.353L38.0264 120.353ZM63.1588 119.805L37.4347 119.805C35.048 117.548 32.9516 114.987 31.2073 112.184V100.808H63.1588L63.1588 119.805ZM63.7067 120.353V128.702L70.2998 120.353H63.7067ZM70.7325 119.805H63.7067V100.808H85.7326L70.7325 119.805ZM70.998 120.353L63.7067 129.587V130.269L63.7362 130.269C73.6318 130.269 82.6506 126.515 89.4459 120.353H70.998ZM90.0376 119.805H71.4307L86.4308 100.808H95.0078V114.077C93.5422 116.147 91.876 118.066 90.0376 119.805ZM90.2548 120.353C83.3138 126.844 73.989 130.817 63.7362 130.817L63.7067 130.817V146.65H104.899L104.916 146.65C99.4046 145.03 95.3339 140.042 95.0844 134.067H95.0078V120.35Line truncated
<g filter="url(#filter0_bd_1182_99510)">
<path d="M63.4277 37.0359L63.4277 146.828" stroke="white" stroke-opacity="0.2" stroke-width="0.547955" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter1_d_1182_99510)">
<path d="M63.0245 121.699C63.0655 124.429 67.1949 125.601 68.8946 123.463L94.5445 91.1876C97.5719 87.3782 94.8566 81.7601 89.988 81.7601H63.6308L63.672 60.962C63.631 58.2314 59.6624 57.0595 57.9627 59.1983L32.9366 91.4731C29.9091 95.2826 32.6245 100.901 37.4932 100.901H62.7292L63.0245 121.699Z" fill="url(#paint1_linear_1182_99510)" fill-opacity="0.79" shape-rendering="crispEdges"/>
<path d="M63.0829 81.759L63.6308 82.308H89.988C94.3989 82.308 96.857 87.3971 94.1155 90.8467L68.4656 123.122C67.7931 123.968 66.5944 124.204 65.4919 123.881C64.3905 123.558 63.5882 122.74 63.5724 121.691L63.2771 100.893L62.7292 100.353H37.4932C33.0821 100.353 30.6241 95.2637 33.3656 91.814L33.3656 91.8141L33.3696 91.8089L58.3916 59.5392C58.3923 59.5384 58.3929 59.5376 58.3935 59.5368C59.07 58.6879 60.2294 58.4597 61.2803 58.7785C62.3287 59.0965 63.106 59.9053 63.124 60.9658L63.0829 81.759Z" stroke="url(#paint2_linear_1182_99510)" stroke-width="1.09591" stroke-miterlimit="10" stroke-linejoin="bevel" shape-rendering="crispEdges"/>
</g>
<defs>
<filter id="filter0_bd_1182_99510" x="26.6328" y="0.513611" width="73.59" height="182.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="3.26771"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1182_99510"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="18.2608"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0625833 0 0 0 0 0.0135417 0 0 0 0 0.125 0 0 0 0.75 0"/>
<feBlend mode="normal" in2="effect1_backgroundBlur_1182_99510" result="effect2_dropShadow_1182_99510"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1182_99510" result="shape"/>
</filter>
<filter id="filter1_d_1182_99510" x="27.2804" y="58.0938" width="72.9196" height="75.2399" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4.38364"/>
<feGaussianBlur stdDeviation="2.19182"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1182_99510"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1182_99510" result="shape"/>
</filter>
<radialGradient id="paint0_radial_1182_99510" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.661 92.1522) rotate(-180) scale(127.529 57.9608)">
<stop stop-color="#EBEBEB" stop-opacity="0.5"/>
<stop offset="0.9999" stop-color="#C699FF" stop-opacity="0"/>
<stop offset="1" stop-color="#989898" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint1_linear_1182_99510" x1="77.7052" y1="58.0937" x2="63.6386" y2="137.723" gradientUnits="userSpaceOnUse">
<stop stop-color="#212121"/>
<stop offset="1" stop-color="white" stop-opacity="0.12"/>
</linearGradient>
<linearGradient id="paint2_linear_1182_99510" x1="95.8154" y1="76.078" x2="51.6684" y2="122.642" gradientUnits="userSpaceOnUse">
<stop stop-color="#868585"/>
<stop offset="0.208333" stop-color="#838383"/>
<stop offset="1" stop-color="#5A5A5A"/>
</linearGradient>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

apps/docs/public/img/icons/supabase-docs2.svg
-48
View File
@@ -1,48 +0,0 @@
<svg width="126" height="184" viewBox="0 0 126 184" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2559 34.7394H104.043C115.676 34.7394 125.106 44.1698 125.106 55.8028V128.504C125.106 140.137 115.676 149.567 104.043 149.567H22.2559C10.6229 149.567 1.19249 140.137 1.19249 128.504V55.8028C1.19249 44.1698 10.6229 34.7394 22.2559 34.7394ZM0.644531 55.8028C0.644531 43.8672 10.3203 34.1914 22.2559 34.1914H104.043C115.979 34.1914 125.654 43.8671 125.654 55.8028V128.504C125.654 140.44 115.979 150.115 104.043 150.115H22.2559C10.3203 150.115 0.644531 140.44 0.644531 128.504V55.8028ZM75.8132 37.6389H104.899L104.94 37.6389C99.389 39.2596 95.2937 44.2945 95.0809 50.3176H95.0078V63.9378H90.596C83.621 57.256 74.158 53.1505 63.7362 53.1505L63.7337 53.1505L75.8418 37.6612L75.8132 37.6389ZM91.1567 64.4858H95.0078V68.9554C93.8376 67.369 92.5496 65.8748 91.1567 64.4858ZM63.7362 53.6985C73.8036 53.6985 82.9634 57.5843 89.7977 63.9378L63.7067 63.9378V53.6985L63.7362 53.6985ZM90.375 64.4858L63.7067 64.4858V81.9098H95.0078V69.891C93.6324 67.9477 92.0803 66.1381 90.375 64.4858ZM63.1588 53.886V63.9378H55.3012L63.1588 53.886ZM63.1588 64.4858H54.8728L41.2524 81.9098H63.1588L63.1588 64.4858ZM62.5969 53.7151L54.6057 63.9378L37.6746 63.9378C44.2502 57.8248 52.9786 53.9962 62.5969 53.7151ZM54.1773 64.4858L37.0973 64.4858C34.85 66.6633 32.8689 69.1137 31.2073 71.7838V81.9098H40.5569L54.1773 64.4858ZM63.0333 53.1567C52.8892 53.3368 43.6942 57.4065 36.8763 63.9378H31.2073V51.4967C31.2185 51.2695 31.2242 51.0408 31.2242 50.8108C31.2242 44.5707 27.0583 39.3036 21.356 37.639L21.4067 37.6389H63.1588V52.9962L63.0333 53.1567ZM36.3156 64.4858H31.2073V70.7648C32.6903 68.496 34.4042 66.3919 36.3156 64.4858ZM30.6594 54.7194V63.9378L21.506 63.9378C25.8961 62.6012 29.353 59.1227 30.6594 54.7194ZM30.6594 64.4858L18.6211 64.4858C18.2528 64.5155 17.8803 64.5306 17.5043 64.5306C11.2643 64.5306 5.99721 60.3647 4.33253 54.6624L4.33246 54.7132V81.9098H26.2223C27.2054 78.2396 28.7128 74.7838 30.6594 71.6276V64.4858ZM18.0106 63.9378H18.5985C25.1405 63.3999 30.3278 58.0812 30.6594 51.4828V50.3176H30.6671C30.4304 43.8848 25.5806 38.6302 19.3282 37.7641C11.56 38.7069 5.40049 44.8664 4.4577 52.6346C5.34576 59.046 10.8485 63.9826 17.5043 63.9826C17.6739 63.9826 17.8426 63.9794 18.0106 63.9731V63.9378ZM107.675 64.4858L95.5558 64.4858V69.7174C98.0087 73.2162 99.8992 77.1381 101.096 81.3519L115.985 62.496C113.894 63.7862 111.43 64.5306 108.792 64.5306C108.416 64.5306 108.044 64.5155 107.675 64.4858ZM95.5558 63.9378L104.79 63.9378C100.306 62.5725 96.7952 58.9721 95.5558 54.4341V63.9378ZM108.293 63.9378V63.9733C108.458 63.9795 108.625 63.9826 108.792 63.9826C111.996 63.9826 114.933 62.8387 117.216 60.937L117.302 60.8279L117.325 60.8456C119.735 58.794 121.397 55.8893 121.844 52.5985C120.886 44.8456 114.731 38.7028 106.973 37.7635C100.559 38.6497 95.6202 44.1535 95.6202 50.8108C95.6202 57.717 100.935 63.3818 107.698 63.9378H108.293ZM75.1637 37.6389H63.7067V52.2953L75.1637 37.6389ZM40.1285 82.4577H31.2073V93.8702L40.1285 82.4577ZM31.2073 94.7599L40.824 82.4577L63.1588 82.4577V100.26H31.2073V94.7599ZM30.6594 94.5712V82.4577H26.6453C25.8655 85.5033 25.4508 88.6951 25.4508 91.9838C25.4508 94.7774 25.75 97.5012 26.3181 100.125L30.6594 94.5712ZM26.9075 100.26L30.6594 95.4609V100.26H26.9075ZM26.4743 100.815L26.4792 100.808H30.6594V111.276C28.7788 108.058 27.3542 104.542 26.4743 100.815ZM25.7837 100.808H4.33246V129.576L4.33255 129.633C4.99897 127.351 6.2427 125.314 7.89504 123.692L25.7837 100.808ZM9.82367 122.115L26.0437 101.365C27.0183 105.294 28.5909 108.986 30.6594 112.34V119.805H18.5541C18.2076 119.779 17.8575 119.765 17.5043 119.765C14.6586 119.765 12.0153 120.632 9.82367 122.115ZM18.0106 120.323V120.353H18.5329C25.1058 120.86 30.3266 126.193 30.6594 132.813V134.067H30.6636C30.3859 140.45 25.5657 145.654 19.3554 146.528C11.5756 145.596 5.4036 139.433 4.45816 131.658C4.79522 129.229 5.79462 127.012 7.26807 125.195L7.35999 125.267L8.30432 124.059C10.6784 121.741 13.9246 120.313 17.5043 120.313C17.6739 120.313 17.8426 120.316 18.0106 120.323ZM21.4888 120.353H30.6594V129.576C29.3513 125.167 25.8871 121.686 21.4888 120.353ZM31.2073 120.353V132.799C31.2185 133.026 31.2242 133.255 31.2242 133.485C31.2242 139.716 27.07 144.977 21.38 146.65L21.4067 146.65H49.5349L62.0648 130.782C52.4718 130.376 43.7794 126.489 37.2175 120.353H31.2073ZM38.0264 120.353C44.5343 126.254 53.0816 129.947 62.4854 130.249L63.1588 129.396V120.353L38.0264 120.353ZM63.1588 119.805L37.4347 119.805C35.048 117.548 32.9516 114.987 31.2073 112.184V100.808H63.1588L63.1588 119.805ZM63.7067 120.353V128.702L70.2998 120.353H63.7067ZM70.7325 119.805H63.7067V100.808H85.7326L70.7325 119.805ZM70.998 120.353L63.7067 129.587V130.269L63.7362 130.269C73.6318 130.269 82.6506 126.515 89.4459 120.353H70.998ZM90.0376 119.805H71.4307L86.4308 100.808H95.0078V114.077C93.5422 116.147 91.876 118.066 90.0376 119.805ZM90.2548 120.353C83.3138 126.844 73.989 130.817 63.7362 130.817L63.7067 130.817V146.65H104.899L104.916 146.65C99.4046 145.03 95.3339 140.042 95.0844 134.067H95.0078V120.35Line truncated
<g filter="url(#filter0_bd_1182_99510)">
<path d="M63.4277 37.0359L63.4277 146.828" stroke="white" stroke-opacity="0.2" stroke-width="0.547955" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter1_d_1182_99510)">
<path d="M63.0245 121.699C63.0655 124.429 67.1949 125.601 68.8946 123.463L94.5445 91.1876C97.5719 87.3782 94.8566 81.7601 89.988 81.7601H63.6308L63.672 60.962C63.631 58.2314 59.6624 57.0595 57.9627 59.1983L32.9366 91.4731C29.9091 95.2826 32.6245 100.901 37.4932 100.901H62.7292L63.0245 121.699Z" fill="url(#paint1_linear_1182_99510)" fill-opacity="0.79" shape-rendering="crispEdges"/>
<path d="M63.0829 81.759L63.6308 82.308H89.988C94.3989 82.308 96.857 87.3971 94.1155 90.8467L68.4656 123.122C67.7931 123.968 66.5944 124.204 65.4919 123.881C64.3905 123.558 63.5882 122.74 63.5724 121.691L63.2771 100.893L62.7292 100.353H37.4932C33.0821 100.353 30.6241 95.2637 33.3656 91.814L33.3656 91.8141L33.3696 91.8089L58.3916 59.5392C58.3923 59.5384 58.3929 59.5376 58.3935 59.5368C59.07 58.6879 60.2294 58.4597 61.2803 58.7785C62.3287 59.0965 63.106 59.9053 63.124 60.9658L63.0829 81.759Z" stroke="url(#paint2_linear_1182_99510)" stroke-width="1.09591" stroke-miterlimit="10" stroke-linejoin="bevel" shape-rendering="crispEdges"/>
</g>
<defs>
<filter id="filter0_bd_1182_99510" x="26.6328" y="0.513611" width="73.59" height="182.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="3.26771"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1182_99510"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="18.2608"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0625833 0 0 0 0 0.0135417 0 0 0 0 0.125 0 0 0 0.75 0"/>
<feBlend mode="normal" in2="effect1_backgroundBlur_1182_99510" result="effect2_dropShadow_1182_99510"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1182_99510" result="shape"/>
</filter>
<filter id="filter1_d_1182_99510" x="27.2804" y="58.0938" width="72.9196" height="75.2399" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4.38364"/>
<feGaussianBlur stdDeviation="2.19182"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1182_99510"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1182_99510" result="shape"/>
</filter>
<radialGradient id="paint0_radial_1182_99510" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.661 92.1522) rotate(-180) scale(127.529 57.9608)">
<stop stop-color="#EBEBEB" stop-opacity="0.5"/>
<stop offset="0.9999" stop-color="#C699FF" stop-opacity="0"/>
<stop offset="1" stop-color="#989898" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint1_linear_1182_99510" x1="77.7052" y1="58.0937" x2="63.6386" y2="137.723" gradientUnits="userSpaceOnUse">
<stop stop-color="#212121"/>
<stop offset="1" stop-color="white" stop-opacity="0.12"/>
</linearGradient>
<linearGradient id="paint2_linear_1182_99510" x1="95.8154" y1="76.078" x2="51.6684" y2="122.642" gradientUnits="userSpaceOnUse">
<stop stop-color="#868585"/>
<stop offset="0.208333" stop-color="#838383"/>
<stop offset="1" stop-color="#5A5A5A"/>
</linearGradient>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB