yusufipek/distromatch
1
0
Fork 0
mirror of https://github.com/yusufipk/distromatch.git synced 2026-09-11 10:46:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restored to 'd1470a5818dc60498a699347c3ffffd9afb70634'

Browse Source 
Replit-Restored-To: d1470a5818
This commit is contained in:
yusufipk
2025-12-17 14:22:13 +00:00
parent 87f57a85e1
commit 3429df4273
2 changed files with 22 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/DECard.tsx
+10 -32
View File
@@ -10,14 +10,11 @@ interface DECardProps {
resourceUsage: string;
customization: string;
colorPalette: string[];
image?: string;
};
onSwipe: (direction: 'left' | 'right' | 'super') => void;
isTop: boolean;
}
const deImages: Record<string, string> = {};
const styleIcons: Record<string, typeof Monitor> = {
'modern': Settings,
'minimalist': Feather,
@@ -116,35 +113,16 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
GEÇ
</motion.div>
<div className="relative z-10 flex flex-col items-center justify-center p-8 text-center">
{de.image ? (
<div
className="mb-6 w-full max-w-lg h-48 rounded-xl overflow-hidden"
style={{
boxShadow: `0 10px 40px ${primaryColor}50`,
}}
>
<img
src={`/de_screenshots/${de.image}`}
alt={de.name}
className="w-full h-full object-cover"
onError={(e) => {
e.currentTarget.style.display = 'none';
e.currentTarget.parentElement!.style.display = 'none';
}}
/>
</div>
) : (
<div
className="mb-6 flex h-24 w-24 items-center justify-center rounded-2xl"
style={{
background: `linear-gradient(135deg, ${primaryColor}, ${secondaryColor})`,
boxShadow: `0 10px 40px ${primaryColor}50`,
}}
>
<StyleIcon className="h-12 w-12 text-white" />
</div>
)}
<div className="relative z-10 flex flex-col items-center justify-center p-12 text-center">
<div
className="mb-6 flex h-24 w-24 items-center justify-center rounded-2xl"
style={{
background: `linear-gradient(135deg, ${primaryColor}, ${secondaryColor})`,
boxShadow: `0 10px 40px ${primaryColor}50`,
}}
>
<StyleIcon className="h-12 w-12 text-white" />
</div>
<h2
className="mb-3 font-['Space_Grotesk'] text-4xl font-bold"
client/src/data/distros.json
+12 -24
View File
@@ -636,8 +636,7 @@
"style": "modern",
"resourceUsage": "medium-high",
"customization": "extreme",
"colorPalette": ["#1D99F3", "#3DAEE9", "#0D5A8F"],
"image": "kde.png"
"colorPalette": ["#1D99F3", "#3DAEE9", "#0D5A8F"]
},
{
"id": "gnome",
@@ -646,8 +645,7 @@
"style": "minimalist",
"resourceUsage": "medium-high",
"customization": "limited",
"colorPalette": ["#4A86CF", "#3584E4", "#1C71D8"],
"image": "gnome.png"
"colorPalette": ["#4A86CF", "#3584E4", "#1C71D8"]
},
{
"id": "xfce",
@@ -656,8 +654,7 @@
"style": "traditional",
"resourceUsage": "low",
"customization": "moderate",
"colorPalette": ["#2EB8E6", "#00AAD4", "#007EA8"],
"image": "xfce.png"
"colorPalette": ["#2EB8E6", "#00AAD4", "#007EA8"]
},
{
"id": "cinnamon",
@@ -666,8 +663,7 @@
"style": "traditional",
"resourceUsage": "medium",
"customization": "good",
"colorPalette": ["#87CF3E", "#6BBD2B", "#4E9A1A"],
"image": "cinnamon.png"
"colorPalette": ["#87CF3E", "#6BBD2B", "#4E9A1A"]
},
{
"id": "mate",
@@ -676,8 +672,7 @@
"style": "traditional",
"resourceUsage": "low-medium",
"customization": "good",
"colorPalette": ["#6CAD54", "#4E8A3A", "#356425"],
"image": "mate.png"
"colorPalette": ["#6CAD54", "#4E8A3A", "#356425"]
},
{
"id": "lxqt",
@@ -686,8 +681,7 @@
"style": "minimal",
"resourceUsage": "very-low",
"customization": "moderate",
"colorPalette": ["#0099CC", "#0077AA", "#005588"],
"image": "lxqt.png"
"colorPalette": ["#0099CC", "#0077AA", "#005588"]
},
{
"id": "budgie",
@@ -696,8 +690,7 @@
"style": "modern",
"resourceUsage": "medium",
"customization": "moderate",
"colorPalette": ["#6BCA81", "#4CAF50", "#388E3C"],
"image": "budgie.png"
"colorPalette": ["#6BCA81", "#4CAF50", "#388E3C"]
},
{
"id": "pantheon",
@@ -706,8 +699,7 @@
"style": "mac-like",
"resourceUsage": "medium",
"customization": "very-limited",
"colorPalette": ["#64BAFF", "#3689E6", "#0D52BF"],
"image": "pantheon.png"
"colorPalette": ["#64BAFF", "#3689E6", "#0D52BF"]
},
{
"id": "cosmic",
@@ -716,8 +708,7 @@
"style": "modern",
"resourceUsage": "medium",
"customization": "good",
"colorPalette": ["#FAA41A", "#48B9C7", "#574F4A"],
"image": "cosmic.png"
"colorPalette": ["#FAA41A", "#48B9C7", "#574F4A"]
},
{
"id": "dde",
@@ -726,8 +717,7 @@
"style": "beautiful",
"resourceUsage": "medium-high",
"customization": "moderate",
"colorPalette": ["#0082FC", "#006DD9", "#0052A3"],
"image": "dde.png"
"colorPalette": ["#0082FC", "#006DD9", "#0052A3"]
},
{
"id": "i3",
@@ -736,8 +726,7 @@
"style": "minimal-tiling",
"resourceUsage": "very-low",
"customization": "extreme",
"colorPalette": ["#285577", "#1C3D5A", "#122A40"],
"image": "i3.png"
"colorPalette": ["#285577", "#1C3D5A", "#122A40"]
},
{
"id": "hyprland",
@@ -746,8 +735,7 @@
"style": "minimal-tiling",
"resourceUsage": "low",
"customization": "extreme",
"colorPalette": ["#00D4AA", "#00B894", "#009874"],
"image": "hyprland.png"
"colorPalette": ["#00D4AA", "#00B894", "#009874"]
}
],
"criticalQuestions": [