Update stroke widths, fill icon space

sgenoud · Jan 3, 2024 · 7a5e517 · 7a5e517
1 parent e758082
commit 7a5e517
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 18 deletions.
diff --git a/packages/studio/src/icons/Clipping.jsx b/packages/studio/src/icons/Clipping.jsx
@@ -3,15 +3,12 @@ import React from "react";
 export default function Clipping({ size = "1em" }) {
   return (
     <svg
-      stroke="currentColor"
       fill="currentColor"
       height={size}
       width={size}
-      viewBox="9 9 82 82"
+      viewBox="0 0 82 82"
     >
-      <path d="M77.7 37.3 23.9 6.2c-.5-.3-1-.3-1.5 0s-.8.8-.8 1.3v53.9c0 .5.3 1 .7 1.3l53.8 31.1c.2.1.5.2.8.2s.5-.1.8-.2c.5-.3.8-.8.8-1.3V38.6c-.1-.5-.4-1-.8-1.3zm-2.3 52.6L24.6 60.5V10.1l50.8 29.4v50.4z" />
-      <path d="M48 70.3c.1 0 .2.1.3.1.1 0 .2 0 .3-.1l8.9-5.2c.2-.1.2-.3.2-.4V45.8c0-.2-.1-.3-.2-.4L41.1 36c-.2-.1-.3-.1-.5 0l-9 5.2c-.2.1-.2.3-.2.4v18.8c0 .2.1.3.2.4L48 70.3zM32.4 42.5l15.4 8.8V69l-15.4-8.9V42.5zM48.8 69V51.3l7.9-4.6v17.7L48.8 69zm-7.9-32 15.3 8.8-7.9 4.6-15.4-8.8 8-4.6z" />
-      <path d="m44.1 34.8 16.1 9.3v18.6c0 .2.1.3.3.4.1 0 .2.1.2.1.1 0 .2 0 .3-.1l7.4-4.3c.2-.1.2-.3.2-.4V39.6c0-.2-.1-.3-.2-.4L52 29.7c-.2-.1-.3-.1-.5 0L44.1 34c-.2.1-.2.3-.2.4 0 .2.1.3.2.4zm17.1 27V44.1l6.4-3.6v17.7l-6.4 3.6zm-9.5-31.1 15.4 8.9-6.4 3.6-15.3-8.8 6.3-3.7z" />
+      <path d="M33.96,76.898l-0.254,0l-26.495,-15.347l-0.176,-0.176c-0.482,-0.482 -0.871,-1.008 -0.871,-1.972l0,-29.62c0,-0.594 0.153,-1.689 1.3,-2.294l14.193,-8.201l0.051,-0.025c0.492,-0.246 0.874,-0.319 1.243,-0.319c0.368,0 0.751,0.073 1.243,0.319l0.048,0.024l26.104,14.962l0.179,0.179c0.482,0.482 0.871,1.008 0.871,1.972l0,29.777c0,0.594 -0.152,1.687 -1.294,2.292c-0,0 -13.822,8.076 -13.818,8.073c-0.537,0.439 -1.053,0.514 -1.596,0.514c-0.19,-0 -0.489,-0.081 -0.728,-0.158Zm3.414,-7.248l8.65,-5.037l0,-23.493l-8.65,5.037l0,23.493Zm-25.838,-35.178c-0,0 0,23.363 0,23.363l20.466,11.828l0,-23.496l-20.466,-11.695Zm11.493,-9.746l-8.786,5.052l20.436,11.678l8.666,-5.046l-20.316,-11.684Zm10.967,-8.388c-0.482,-0.482 -0.871,-1.008 -0.871,-1.973c-0,-0.593 0.152,-1.688 1.296,-2.293l11.622,-6.753c0.034,-0.02 0.069,-0.039 0.105,-0.056c0.491,-0.246 0.874,-0.319 1.242,-0.319c0.369,0 0.752,0.073 1.243,0.319c0.035,0.017 0.069,0.035 0.103,0.055l25.838,14.967c0.143,0.083 0.274,0.184 0.391,0.3c0.482,0.483 0.871,1.009 0.871,1.973l-0,29.619c-0,0.594 -0.153,1.689 -1.297,2.293c0,0 -11.578,6.728 -11.575,6.726c-0.735,0.475 -1.402,0.567 -2.467,0.159c-0.058,-0.022 -0.115,-0.047 -0.17,-0.075c-1.112,-0.556 -1.522,-1.215 -1.522,-2.328c0,0 0,-28.209 0,-28.209l-24.417,-14.104c-0.143,-0.083 -0.275,-0.184 -0.392,-0.301Zm13.323,-5.605c0,-0 -6.156,3.615 -6.156,3.615l20.339,11.698c-0,-0 6.24,-3.51 6.24,-3.51l-20.423,-11.803Zm16.858,43.555c0,0 6.287,-3.536 6.287,-3.536l-0,-23.53c-0,-0 -6.287,3.536 -6.287,3.536l0,23.53Z"/>
     </svg>
   );
 }
diff --git a/packages/studio/src/icons/Configure.jsx b/packages/studio/src/icons/Configure.jsx
@@ -1,12 +1,13 @@
 import React from "react";
 export default function Configure({ size = "1em" }) {
   return (
-    <svg height={size} width={size} viewBox="0 0 100 100">
-      <path
-        d="M49.977 972.361a1.5 1.5 0 0 0-1.477 1.522v7.613c-4.243.72-7.5 4.424-7.5 8.865s3.257 8.144 7.5 8.864v31.615c0 2.029 3 2.029 3 0v-31.615c4.243-.72 7.5-4.423 7.5-8.864 0-4.44-3.257-8.145-7.5-8.865v-7.613a1.5 1.5 0 0 0-1.523-1.522zm.023 12c3.331 0 6 2.669 6 6 0 3.332-2.669 6-6 6s-6-2.668-6-6c0-3.331 2.669-6 6-6zm23.977-12a1.5 1.5 0 0 0-1.477 1.522v19.613c-4.243.72-7.5 4.424-7.5 8.865s3.257 8.144 7.5 8.864v19.617c-.029 2.028 3.029 2.028 3 0v-19.617c4.243-.72 7.5-4.423 7.5-8.864 0-4.44-3.257-8.145-7.5-8.865v-19.613a1.5 1.5 0 0 0-1.523-1.522zm.023 24c3.331 0 6 2.669 6 6 0 3.332-2.669 6-6 6s-6-2.668-6-6c0-3.331 2.669-6 6-6zm-48.023-24a1.5 1.5 0 0 0-1.477 1.522v33.613c-4.243.72-7.5 4.424-7.5 8.865s3.257 8.144 7.5 8.864v5.615c-.029 2.028 3.029 2.028 3 0v-5.615c4.243-.72 7.5-4.423 7.5-8.864 0-4.44-3.257-8.145-7.5-8.865v-33.613a1.5 1.5 0 0 0-1.523-1.522zm.023 38c3.331 0 6 2.669 6 6 0 3.332-2.669 6-6 6s-6-2.668-6-6c0-3.331 2.669-6 6-6z"
-        transform="translate(0 -952.362)"
-        fill="currentColor"
-      />
+    <svg
+      height={size}
+      width={size}
+      fill="currentColor"
+      viewBox="0 0 100 100"
+    >
+      <path d="m49.806 8.929h0.059c2.098-0 3.824 1.726 3.824 3.824v0.038 8.461c5.649 1.661 9.801 6.894 9.801 13.064-0 6.171-4.152 11.402-9.801 13.063v39.836c-0 5.173-7.649 5.173-7.649 0v-39.836c-5.649-1.661-9.801-6.892-9.801-13.063s4.152-11.403 9.801-13.064v-8.467c-0.017-2.086 1.677-3.824 3.766-3.856zm0.058 17.546c-4.353-0-7.841 3.488-7.841 7.841 0 4.354 3.488 7.841 7.841 7.841 4.354-0 7.841-3.487 7.841-7.841 0-4.353-3.487-7.841-7.841-7.841zm-31.451 64.619c-0.02 1e-3 -0.039 1e-3 -0.059 1e-3 -2.098-0-3.824-1.727-3.824-3.825v-0.038-8.46c-5.649-1.662-9.801-6.895-9.801-13.064-0-6.171 4.152-11.402 9.801-13.063v-39.837c0-5.173 7.649-5.173 7.649 0v39.837c5.649 1.661 9.801 6.892 9.801 13.063-0 6.17-4.152 11.403-9.801 13.064v8.466c0.017 2.086-1.677 3.824-3.766 3.856zm-0.059-17.545c4.353-0 7.841-3.488 7.841-7.841 0-4.355-3.488-7.841-7.841-7.841s-7.841 3.486-7.841 7.841c0 4.353 3.488 7.841 7.841 7.841zm62.962-64.62h0.059c2.098-0 3.824 1.726 3.824 3.824v0.038 24.143c5.649 1.661 9.801 6.894 9.801 13.064 0 6.171-4.152 11.402-9.801 13.063v24.132c0.071 5.163-7.706 5.167-7.649 0.015v-24.147c-5.649-1.661-9.801-6.892-9.801-13.063s4.152-11.403 9.801-13.064v-24.149c-0.017-2.086 1.677-3.824 3.766-3.856zm0.059 33.228c-4.354-0-7.841 3.488-7.841 7.841-0 4.354 3.487 7.841 7.841 7.841 4.353-0 7.841-3.487 7.841-7.841-0-4.353-3.488-7.841-7.841-7.841z" />
     </svg>
   );
 }
diff --git a/packages/studio/src/icons/Download.jsx b/packages/studio/src/icons/Download.jsx
@@ -9,8 +9,7 @@ export default function Download({ size = "1em", text }) {
       width={size}
       viewBox={`0 0 100 ${text ? "150": "100"}`}
     >
-      <path d="M49.9 74.1c-.5 0-.9-.2-1.3-.5L30.3 55.2c-.7-.7-.7-1.8 0-2.6.7-.7 1.8-.7 2.6 0l15.3 15.3V2.8c0-1 .8-1.8 1.8-1.8s1.8.8 1.8 1.8v64.9l15.3-15c.7-.7 1.8-.7 2.5 0s.7 1.8 0 2.5L51.2 73.6c-.3.3-.8.5-1.3.5z" />
-      <path d="M50 99C26.6 99 7.6 80 7.6 56.6c0-18.5 11.8-34.7 29.4-40.3.9-.3 2 .2 2.3 1.2.3.9-.2 2-1.2 2.3C22 25 11.2 39.8 11.2 56.7 11.3 78 28.6 95.4 50 95.4S88.7 78 88.7 56.7c0-16.9-10.8-31.7-26.9-36.9-.9-.3-1.5-1.3-1.2-2.3.3-.9 1.3-1.5 2.3-1.2 17.6 5.6 29.4 21.9 29.4 40.3C92.4 80 73.4 99 50 99z" />
+      <path d="m52.058 70.407v0.438l-0.308-0.308c-0.559 0.216-1.172 0.343-1.79 0.343-0.681 0-1.295-0.127-1.875-0.371l-0.064 0.063v-0.09c-0.397-0.174-0.778-0.404-1.153-0.685l-0.2-0.15s-14.644-14.724-14.637-14.718c-1.819-1.819-1.976-4.676-0.157-6.755l0.076-0.086 0.081-0.081c1.819-1.819 4.676-1.976 6.755-0.157l0.086 0.076 6.303 6.303v-43.162c0-2.702 2.162-4.864 4.865-4.864 2.702-0 4.864 2.162 4.864 4.864v43.119l6.239-6.117c1.917-1.899 4.916-1.893 6.826 0.017 1.916 1.916 1.916 4.927 0 6.843l-14.547 14.548c-0.365 0.365-0.835 0.687-1.364 0.93zm16.916-41.172c-2.042-1.596-2.403-4.55-0.807-6.592s4.55-2.403 6.592-0.807c9.424 7.367 15.484 18.841 15.484 31.719-0 22.21-18.032 40.242-40.243 40.242s-40.243-18.032-40.243-40.242c0-12.878 6.06-24.352 15.484-31.719 2.042-1.596 4.996-1.235 6.592 0.807s1.235 4.996-0.807 6.592c-7.226 5.649-11.877 14.445-11.877 24.32 0 17.027 13.824 30.851 30.851 30.851s30.851-13.824 30.851-30.851c-0-9.875-4.651-18.671-11.877-24.32z" />
       {text && <text x="0" y="150" fontSize="40" fontWeight="bold" textLength="100">
         {text}
       </text>}

diff --git a/packages/studio/src/icons/Fullscreen.jsx b/packages/studio/src/icons/Fullscreen.jsx
@@ -5,11 +5,10 @@ export default ({ size = "1em" }) => {
     <svg
       height={size}
       width={size}
-      stroke="currentColor"
       fill="currentColor"
       viewBox="0 0 60 60"
     >
-      <path d="M25.17 34.83c.6.599.6 1.57 0 2.17l-6.932 6.931h5.501a1.534 1.534 0 010 3.069h-9.205A1.534 1.534 0 0113 45.466V36.26a1.534 1.534 0 113.068 0v5.5l6.933-6.932c.6-.599 1.57-.599 2.17 0zM45.467 13c.847 0 1.534.687 1.534 1.534v9.205a1.534 1.534 0 11-3.068 0l-.001-5.502-6.932 6.934A1.534 1.534 0 1134.83 23l6.933-6.933h-5.501a1.534 1.534 0 010-3.068h9.205z" />
+      <path d="m22.045 37.955c0.988 0.987 0.988 2.586-0 3.574l-11.417 11.415h9.06c1.386 0 2.527 1.141 2.527 2.528 0 1.386-1.141 2.527-2.527 2.527h-15.161c-1.386 0-2.526-1.14-2.526-2.526v-15.163c-0-1.386 1.14-2.526 2.526-2.526s2.527 1.14 2.527 2.526v9.059l11.418-11.417c0.989-0.987 2.586-0.987 3.574-0l-1e-3 3e-3zm33.429-35.953c1.395-0 2.526 1.131 2.526 2.526v15.161c0 1.386-1.14 2.526-2.526 2.526s-2.527-1.14-2.527-2.526l-2e-3 -9.062-11.416 11.42c-0.474 0.474-1.117 0.74-1.787 0.74-1.387 0-2.528-1.141-2.528-2.528-0-0.67 0.266-1.314 0.741-1.788l11.418-11.418h-9.06c-1.386-0-2.526-1.141-2.526-2.527s1.14-2.526 2.526-2.526h15.161v2e-3z" />
     </svg>
   );
 };
diff --git a/packages/studio/src/icons/Reload.jsx b/packages/studio/src/icons/Reload.jsx
@@ -2,9 +2,13 @@ import React from "react";
 
 export default function Reload({ size = "1em" }) {
   return (
-    <svg height={size} width={size} viewBox="0 0 100 100">
+    <svg
+      height={size}
+      width={size}
+      viewBox="0 0 100 100"
+    >
       <path
-        d="M50 16.917c-10.537 0-20.539 5.091-26.753 13.618l3.232 2.355C31.943 25.394 40.736 20.917 50 20.917c16.037 0 29.084 13.047 29.084 29.083S66.037 79.083 50 79.083c-14.539 0-26.619-10.723-28.75-24.674l7.343 5.723 2.459-3.154-12.553-9.784-9.785 12.553 3.154 2.459 5.46-7.005C19.831 70.98 33.527 83.083 50 83.083c18.242 0 33.084-14.841 33.084-33.083S68.242 16.917 50 16.917z"
+        d="m54.941 11.222c21.383-0 38.78 17.396 38.78 38.778s-17.397 38.778-38.78 38.778c-17.989 0-33.152-12.314-37.514-28.954l-4.889 6.272-6.259-4.88 13.084-16.785 16.785 13.083-4.879 6.259s-5.736-4.47-5.736-4.471c3.954 12.473 15.642 21.539 29.408 21.539 17.007-0 30.842-13.836 30.842-30.841s-13.835-30.841-30.842-30.841c-9.824 0-19.149 4.749-24.943 12.698l-1.019 1.397-6.414-4.674 1.019-1.397c7.283-9.994 19.007-15.961 31.357-15.961z"
         fill="currentColor"
       />
     </svg>

diff --git a/packages/studio/src/workbench/panes.jsx b/packages/studio/src/workbench/panes.jsx
@@ -69,7 +69,7 @@ export const PaneHeader = styled.div`
   box-shadow: rgb(0 0 0 / 35%) 0px -6px 12px 3px inset;
 
   & * {
-    font-size: calc(var(--pane-header-height) * 0.5);
+    font-size: calc(var(--pane-header-height) * 0.6);
   }
 
   &:after {