From b07c378d04f5441ecea8b9718ddb0d494c0aa60e Mon Sep 17 00:00:00 2001
From: Danilo Woznica <danilowoz@gmail.com>
Date: Fri, 5 Aug 2022 11:39:11 +0100
Subject: [PATCH] fix(website): ui tweaks

---
 website/landing/components/Features/icons.tsx  | 18 +++++++++---------
 .../Hero/HeroDesktop/heroSandpackFiles.ts      |  1 +
 .../components/Intro/Sections/Theme.tsx        |  2 +-
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/website/landing/components/Features/icons.tsx b/website/landing/components/Features/icons.tsx
index 0466f9dca..b753e9478 100644
--- a/website/landing/components/Features/icons.tsx
+++ b/website/landing/components/Features/icons.tsx
@@ -26,17 +26,17 @@ export const ICONS = {
     </svg>
   ),
   export: (
-    <svg fill="none" height="100%" viewBox="0 0 42 42" width="100%">
-      <path
-        clipRule="evenodd"
-        d="M21.5 21.314V40c.325 0 .54-.07.831-.237l14.963-8.55c.59-.339.831-.863.831-1.544V12.33c0-.341-.072-.546-.238-.831L21.98 20.489a.95.95 0 0 0-.479.825Zm8.312 10.73c0 .475-.178.712-.593.95l-4.988 2.85c-.356.237-.831.119-.831-.357V22.781c0-.34.299-.78.594-.95l11.4-6.531c.316-.182.593.11.593.475v6.769c0 .35-.165.666-.475.831l-5.106 2.731c-.31.165-.594.48-.594.831v5.107Z"
-        fill="#090909"
-        fillRule="evenodd"
-      />
+    <svg
+      fill="none"
+      height="600"
+      viewBox="0 0 600 600"
+      width="600"
+      xmlns="http://www.w3.org/2000/svg"
+    >
       <path
         clipRule="evenodd"
-        d="M4.875 29.604V12.157c0-.686.36-1.332.957-1.673L20.423 2.24c.315-.166.838-.239 1.197-.239.358 0 .912.089 1.196.239l14.472 8.245c.286.17.675.559.837.837l-16.027 9.082a.963.963 0 0 0-.478.836V40c-.328 0-.663-.071-.957-.239L5.95 31.277c-.596-.34-1.076-.987-1.076-1.673Zm2.153-13.981v6.811c0 .478.12.717.598.956l5.023 2.868c.479.239.598.597.598.956v4.78c0 .478.12.717.598.956l5.024 2.868c.478.239.837.12.837-.359V22.673c0-.359-.12-.717-.598-.956L7.865 15.264c-.359-.239-.837-.12-.837.359Zm19.615-8.126-4.425 2.51a1.087 1.087 0 0 1-1.196 0l-4.426-2.51a.991.991 0 0 0-.957 0l-5.501 3.107c-.479.239-.479.717 0 .956l11.003 6.333a.97.97 0 0 0 .957 0l11.004-6.333c.359-.24.478-.717 0-.956L27.6 7.497a.991.991 0 0 0-.957 0Z"
-        fill="#090909"
+        d="M96 96H504V504H96V96ZM462.274 137.728V462.272H137.728V137.728H462.274Z"
+        fill="#151515"
         fillRule="evenodd"
       />
     </svg>
diff --git a/website/landing/components/Hero/HeroDesktop/heroSandpackFiles.ts b/website/landing/components/Hero/HeroDesktop/heroSandpackFiles.ts
index 4db5d0836..6f551a385 100644
--- a/website/landing/components/Hero/HeroDesktop/heroSandpackFiles.ts
+++ b/website/landing/components/Hero/HeroDesktop/heroSandpackFiles.ts
@@ -87,6 +87,7 @@ const common = `import { styled } from './stitches.config';
 
 const Stack = styled("div", {
   display: "flex",
+  lineHeight: 1,
   variants: {
     horizontal: {
       true: {
diff --git a/website/landing/components/Intro/Sections/Theme.tsx b/website/landing/components/Intro/Sections/Theme.tsx
index c23826a55..d05f4f287 100644
--- a/website/landing/components/Intro/Sections/Theme.tsx
+++ b/website/landing/components/Intro/Sections/Theme.tsx
@@ -26,7 +26,7 @@ import {
 } from "./common";
 
 const AnimatePresenceTyped = AnimatePresence as any;
-const themeOptions: SandpackPredefinedTheme[] = ["dark", "light", "auto"];
+const themeOptions: SandpackPredefinedTheme[] = ["dark", "light"];
 
 export const ThemeExample: React.FC = () => {
   const { ref, inView } = useInView({ threshold: THRESHOLD_VIEW });