fix(website): ui tweaks

codesandbox · Aug 5, 2022 · b07c378 · b07c378
1 parent 3e9e8a3
commit b07c378
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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 });