fix: last fixes

flornkm · Dec 23, 2023 · 47361d8 · 47361d8 · vercel · Dec 23, 2023
1 parent a514da0
commit 47361d8
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 117 deletions.
diff --git a/design-system/Icons.tsx b/design-system/Icons.tsx
@@ -58,6 +58,26 @@ export function TextFile(props: {
   )
 }
 
+export function File(props: {
+  size?: number
+  class?: string
+  stroke?: 2 | 1.5
+  onClick?: () => void
+}) {
+  return (
+    <Icon size={props.size} class={props.class} onClick={props.onClick}>
+      <path
+        d="M13 3H5V21H19V9M13 3L19 9M13 3V9H19"
+        stroke="currentColor"
+        stroke-width={props.stroke || 2}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        vector-effect="non-scaling-stroke"
+      />
+    </Icon>
+  )
+}
+
 export function Edit(props: {
   size?: number
   class?: string

diff --git a/interface/components/LanguagePicker.tsx b/interface/components/LanguagePicker.tsx
diff --git a/interface/components/Picker.tsx b/interface/components/Picker.tsx
@@ -2,7 +2,7 @@ import { useState } from "preact/hooks"
 import useOuterClick from "#hooks/useOuterClick"
 import { JSX } from "preact/jsx-runtime"
 import { languageTag, sourceLanguageTag } from "#lang/paraglide/runtime"
-import { Check } from "#design-system/Icons"
+import { Check, Translate } from "#design-system/Icons"
 import { navigate } from "vike/client/router"
 
 type functionOption = {
@@ -112,7 +112,7 @@ export function LanguagePicker(props: {
             : "text-zinc-400")
         }
       >
-        <LanguageIcon />
+        <Translate size={24} />
       </button>
       <div
         // @ts-ignore
@@ -154,19 +154,3 @@ export function LanguagePicker(props: {
     </div>
   )
 }
-
-function LanguageIcon() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="currentColor"
-      width="1em"
-      height="1em"
-      viewBox="0 0 512 512"
-    >
-      <title>ionicons-v5-l</title>
-      <path d="M478.33,433.6l-90-218a22,22,0,0,0-40.67,0l-90,218a22,22,0,1,0,40.67,16.79L316.66,406H419.33l18.33,44.39A22,22,0,0,0,458,464a22,22,0,0,0,20.32-30.4ZM334.83,362,368,281.65,401.17,362Z" />
-      <path d="M267.84,342.92a22,22,0,0,0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73,39.65-53.68,62.11-114.75,71.27-143.49H330a22,22,0,0,0,0-44H214V70a22,22,0,0,0-44,0V90H54a22,22,0,0,0,0,44H251.25c-9.52,26.95-27.05,69.5-53.79,108.36-31.41-41.68-43.08-68.65-43.17-68.87a22,22,0,0,0-40.58,17c.58,1.38,14.55,34.23,52.86,83.93.92,1.19,1.83,2.35,2.74,3.51-39.24,44.35-77.74,71.86-93.85,80.74a22,22,0,1,0,21.07,38.63c2.16-1.18,48.6-26.89,101.63-85.59,22.52,24.08,38,35.44,38.93,36.1a22,22,0,0,0,30.75-4.9Z" />
-    </svg>
-  )
-}
diff --git a/pages/archive/copyables/+Page.tsx b/pages/archive/copyables/+Page.tsx
@@ -54,7 +54,7 @@ export default function Page() {
               return (
                 <Item>
                   <p class="font-medium leading-snug col-span-2 flex items-center mt-4 ml-2 mb-4 relative z-10">
-                    <File class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+                    <File class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
                     <span class="md:truncate">
                       {file.name.toLowerCase().replaceAll(" ", "_")}.svg
                     </span>
@@ -100,7 +100,7 @@ export default function Page() {
               return (
                 <Item>
                   <p class="font-medium leading-snug col-span-2 flex items-center mt-4 ml-2 mb-4 relative z-10">
-                    <File class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+                    <File class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
                     <span class="md:truncate">
                       {file.name.toLowerCase().replaceAll(" ", "_")}.svg
                     </span>
@@ -146,7 +146,7 @@ export default function Page() {
               return (
                 <Item>
                   <p class="font-medium leading-snug col-span-2 flex items-center mt-4 ml-2 mb-4 relative z-10">
-                    <File class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+                    <File class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
                     <span class="md:truncate">
                       {file.name.toLowerCase().replaceAll(" ", "_")}.svg
                     </span>

diff --git a/pages/archive/index/+Page.tsx b/pages/archive/index/+Page.tsx
@@ -24,7 +24,7 @@ export default function Page() {
             class="flex justify-between border-b border-b-zinc-100 dark:border-b-zinc-900 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
           >
             <p class="font-medium leading-snug md:col-span-2 flex items-center">
-              <Folder class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+              <Folder class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
               Projects
             </p>
             <Button
@@ -41,7 +41,7 @@ export default function Page() {
             class="flex justify-between border-b border-b-zinc-100 dark:border-b-zinc-900 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
           >
             <p class="font-medium leading-snug md:col-span-2 flex items-center">
-              <Folder class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+              <Folder class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
               Short Projects
             </p>
             <Button
@@ -58,7 +58,7 @@ export default function Page() {
             class="flex justify-between gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
           >
             <p class="font-medium leading-snug md:col-span-2 flex items-center">
-              <Folder class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+              <Folder class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
               Copyables
             </p>
             <Button

diff --git a/pages/archive/projects/index/+Page.tsx b/pages/archive/projects/index/+Page.tsx
@@ -1,7 +1,7 @@
 import Button, { InlineLink } from "#components/Button"
 import { InlineInfo } from "#components/Inline"
 import Tooltip from "#components/Tooltip"
-import { TextFile as File } from "#design-system/Icons"
+import { File } from "#design-system/Icons"
 import * as m from "#lang/paraglide/messages"
 import README from "#components/README"
 import { userScrolledDown } from "#hooks/userScrolledDown"
@@ -39,7 +39,7 @@ export default function Page({ projects }: { projects: any }) {
                   class="grid md:grid-cols-8 grid-cols-2 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
                 >
                   <p class="font-medium leading-snug col-span-2 flex items-center">
-                    <File class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+                    <File class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
                     <span class="md:truncate">{project.title}</span>
                   </p>
                   <p class="text-zinc-500 truncate md:col-span-4 leading-snug col-span-2 dark:text-zinc-400">

diff --git a/pages/archive/short-projects/index/+Page.tsx b/pages/archive/short-projects/index/+Page.tsx
@@ -1,7 +1,7 @@
 import Button, { InlineLink } from "#components/Button"
 import { InlineInfo } from "#components/Inline"
 import Tooltip from "#components/Tooltip"
-import { TextFile as File } from "#design-system/Icons"
+import { File } from "#design-system/Icons"
 import * as m from "#lang/paraglide/messages"
 import README from "#components/README"
 import { userScrolledDown } from "#hooks/userScrolledDown"
@@ -40,7 +40,7 @@ export default function Page({ projects }: { projects: any }) {
                   class="grid md:grid-cols-8 grid-cols-2 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
                 >
                   <p class="font-medium leading-snug col-span-2 flex items-center">
-                    <File class="w-5 flex-shrink-0 text-zinc-400 mr-2" />
+                    <File class="flex-shrink-0 text-zinc-400 mr-2" size={20} />
                     <span class="md:truncate">{project.title}</span>
                   </p>
                   <p class="text-zinc-500 truncate md:col-span-4 leading-snug col-span-2 dark:text-zinc-400">

diff --git a/public/images/letter/edit.cur b/public/images/letter/edit.cur