mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 15:49:09 +03:00
tidy up boxes on www
This commit is contained in:
Jonathan Summers-Muir committed
1 parent
52c9b7ef1e
commit
6a40ff031d
11 files changed
+86
-88
No files matched your search
@@ -41,7 +41,7 @@ const ThemeSettings = () => {
|
||||
>
|
||||
{singleThemes.map((theme: Theme) => (
|
||||
<RadioGroupLargeItem_Shadcn_ key={theme.value} value={theme.value} label={theme.name}>
|
||||
<SVG src={`${BASE_PATH}/img/themes/${theme.value}.svg`} />
|
||||
<SVG src={`${BASE_PATH}/img/themes/${theme.value}.svg?v=2`} />
|
||||
</RadioGroupLargeItem_Shadcn_>
|
||||
))}
|
||||
</RadioGroup_Shadcn_>
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
<svg viewBox="0 0 162 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65535)">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
|
||||
<mask id="path-3-inside-1_701_65535" fill="white">
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z"/>
|
||||
</mask>
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z" fill="#1C1C1C"/>
|
||||
<path d="M0.242188 0H13.2422H0.242188ZM13.2422 88H0.242188H13.2422ZM0.242188 88V0V88ZM14.2422 0V88H12.2422V0H14.2422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_701_65535)"/>
|
||||
<mask id="path-5-inside-2_701_65535" fill="white">
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z"/>
|
||||
</mask>
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z" fill="#1C1C1C"/>
|
||||
<path d="M161.742 0L161.742 13L161.742 0ZM13.2422 13L13.2422 -6.49114e-06L13.2422 13ZM13.2422 -6.49114e-06L161.742 0L13.2422 -6.49114e-06ZM161.742 14L13.2422 14L13.2422 12L161.742 12L161.742 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_701_65535)"/>
|
||||
<rect x="44.2552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="44.2552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="52.4406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="52.4406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="77.8762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="17.9922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="43.7552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="69.0052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="101.423" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
|
||||
<rect x="4.86719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
</g>
|
||||
<rect x="0.742188" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_701_65535">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -1,39 +1,39 @@
|
||||
<svg viewBox="0 0 162 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65535)">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
|
||||
<mask id="path-3-inside-1_701_65535" fill="white">
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z"/>
|
||||
<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65549)">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="#121212"/>
|
||||
<mask id="path-3-inside-1_701_65549" fill="white">
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
|
||||
</mask>
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z" fill="#1C1C1C"/>
|
||||
<path d="M0.242188 0H13.2422H0.242188ZM13.2422 88H0.242188H13.2422ZM0.242188 88V0V88ZM14.2422 0V88H12.2422V0H14.2422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_701_65535)"/>
|
||||
<mask id="path-5-inside-2_701_65535" fill="white">
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z"/>
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#121212"/>
|
||||
<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#292929" mask="url(#path-3-inside-1_701_65549)"/>
|
||||
<mask id="path-5-inside-2_701_65549" fill="white">
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
|
||||
</mask>
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z" fill="#1C1C1C"/>
|
||||
<path d="M161.742 0L161.742 13L161.742 0ZM13.2422 13L13.2422 -6.49114e-06L13.2422 13ZM13.2422 -6.49114e-06L161.742 0L13.2422 -6.49114e-06ZM161.742 14L13.2422 14L13.2422 12L161.742 12L161.742 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_701_65535)"/>
|
||||
<rect x="44.2552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="44.2552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="52.4406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="52.4406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="77.8762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="17.9922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="43.7552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="69.0052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="101.423" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
|
||||
<rect x="4.86719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#121212"/>
|
||||
<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#292929" mask="url(#path-5-inside-2_701_65549)"/>
|
||||
<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#DB8E00"/>
|
||||
<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
</g>
|
||||
<rect x="0.742188" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
|
||||
<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#292929"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_701_65535">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
<clipPath id="clip0_701_65549">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
@@ -1,39 +0,0 @@
|
||||
<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65549)">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="#121212"/>
|
||||
<mask id="path-3-inside-1_701_65549" fill="white">
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
|
||||
</mask>
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#121212"/>
|
||||
<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#292929" mask="url(#path-3-inside-1_701_65549)"/>
|
||||
<mask id="path-5-inside-2_701_65549" fill="white">
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
|
||||
</mask>
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#121212"/>
|
||||
<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#292929" mask="url(#path-5-inside-2_701_65549)"/>
|
||||
<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#DB8E00"/>
|
||||
<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
</g>
|
||||
<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#292929"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_701_65549">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB |
@@ -17,10 +17,10 @@ function ExampleCard(props: any) {
|
||||
|
||||
return (
|
||||
<Link href={props.repo_url} className="w-full h-full" target="_blank">
|
||||
<Panel innerClassName="bg-surface-100 group/panel" hasActiveOnHover>
|
||||
<Panel innerClassName="bg-surface-75 group/panel" hasActiveOnHover>
|
||||
<div className="flex flex-col justify-between">
|
||||
{props.tags && (
|
||||
<div className="relative w-full aspect-[3/1] bg-alternative flex items-center justify-center gap-4 overflow-hidden">
|
||||
<div className="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden">
|
||||
{props.tags.map((tag: string) => {
|
||||
const framework = frameworks.find((f) => f.name === tag)
|
||||
if (!framework) return null
|
||||
|
||||
@@ -78,7 +78,7 @@ const Panel = ({
|
||||
<Component
|
||||
ref={outerRef}
|
||||
className={cn(
|
||||
'relative rounded-xl p-px bg-surface-100 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all shadow-md flex items-center justify-center',
|
||||
'relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all shadow-md flex items-center justify-center',
|
||||
!trackCursor && hasActiveOnHover
|
||||
? activeColor === 'brand'
|
||||
? 'hover:bg-none hover:!bg-brand'
|
||||
@@ -91,7 +91,7 @@ const Panel = ({
|
||||
>
|
||||
<div
|
||||
className={cn(
|
||||
'relative z-10 w-full h-full rounded-xl bg-surface-100 overflow-hidden text-foreground-light',
|
||||
'relative z-10 w-full h-full rounded-xl bg-surface-75 overflow-hidden text-foreground-light',
|
||||
innerClassName
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -40,7 +40,7 @@ const ProductCard = ({
|
||||
outerClassName="relative w-full h-full shadow-lg"
|
||||
innerClassName={cn(
|
||||
`relative overflow-hidden flex-1 flex flex-col items-center gap-5 lg:items-start justify-between
|
||||
bg-surface-100 w-full rounded-xl h-full`
|
||||
bg-surface-75 w-full rounded-xl h-full`
|
||||
)}
|
||||
>
|
||||
<div
|
||||
@@ -49,7 +49,7 @@ const ProductCard = ({
|
||||
alignLeft && 'lg:mx-0 lg:pl-8 lg:items-start lg:text-left lg:max-w-[260px]'
|
||||
)}
|
||||
>
|
||||
<div className="flex items-center justify-center h-12 w-12 bg-alternative rounded-lg mb-3">
|
||||
<div className="flex items-center justify-center h-10 w-10 bg-surface-200 border rounded-lg mb-3">
|
||||
{icon && (
|
||||
<svg
|
||||
width="25"
|
||||
@@ -60,7 +60,7 @@ const ProductCard = ({
|
||||
>
|
||||
<path
|
||||
d={icon}
|
||||
stroke="var(--colors-brand9)"
|
||||
stroke="hsl(var(--foreground-lighter))"
|
||||
strokeMiterlimit="10"
|
||||
strokeLinejoin="round"
|
||||
strokeLinecap="round"
|
||||
|
||||
@@ -43,7 +43,7 @@ html {
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
@apply bg text-foreground;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@@ -40,9 +40,7 @@ export const GlassPanel = ({
|
||||
<div
|
||||
className={cn(
|
||||
'shrink-0',
|
||||
showIconBg
|
||||
? 'bg-brand-200 dark:bg-brand-400 border border-brand-300 dark:border-brand-400 w-8 h-8 flex items-center justify-center rounded'
|
||||
: ''
|
||||
showIconBg ? 'bg-surface-75 border w-8 h-8 flex items-center justify-center rounded' : ''
|
||||
)}
|
||||
>
|
||||
{props.children}
|
||||
@@ -74,7 +72,7 @@ export const GlassPanel = ({
|
||||
'border rounded-lg',
|
||||
'text-left',
|
||||
background
|
||||
? 'hover:border-strong bg-surface-100'
|
||||
? 'hover:border-strong bg-surface-75'
|
||||
: 'border-muted hover:border-default bg-transparent',
|
||||
'transition',
|
||||
className
|
||||
@@ -91,10 +89,10 @@ export const GlassPanel = ({
|
||||
"
|
||||
/>
|
||||
)}
|
||||
<div
|
||||
{/* <div
|
||||
className="absolute left-0 top-0 w-[250px] h-[150px] transform scale-100 opacity-50 group-hover:scale-150 group-hover:opacity-100 transition-all duration-700 ease-out"
|
||||
style={{ background: `radial-gradient(100% 100% at 0% 0%, #3EACCF18, transparent)` }}
|
||||
/>
|
||||
/> */}
|
||||
<div
|
||||
className={cn(
|
||||
'px-8 pb-8 relative',
|
||||
|
||||
@@ -10,7 +10,7 @@ export function TweetCard(props: TweetCard) {
|
||||
return (
|
||||
<div
|
||||
className="
|
||||
bg-surface-100 border-overlay
|
||||
bg-surface-75 border
|
||||
rounded-2xl border p-6
|
||||
drop-shadow-sm
|
||||
"
|
||||
|
||||
@@ -5,7 +5,7 @@ export interface SingleTheme {
|
||||
|
||||
export const singleThemes = [
|
||||
{ name: 'Dark', value: 'dark' }, // Classic Supabase dark
|
||||
{ name: 'Deep Dark', value: 'deep-dark' }, // Deep Dark Supabase dark
|
||||
{ name: 'Light', value: 'light' }, // Classic Supabase light
|
||||
{ name: 'Classic Dark', value: 'classic-dark' }, // Deep Dark Supabase dark
|
||||
{ name: 'System', value: 'system' }, // Classic Supabase light
|
||||
]
|
||||
Reference in new issue
Block a user