VTAdmin: update logo and favicon for the new Vitess logos (#17715)

Signed-off-by: Rohit Nayak <[email protected]>
vitessio · Feb 8, 2025 · 7f59fe0 · 7f59fe0
1 parent 34be76b
commit 7f59fe0
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 35 deletions.
diff --git a/web/vtadmin/public/favicon.ico b/web/vtadmin/public/favicon.ico
diff --git a/web/vtadmin/src/components/NavRail.module.scss b/web/vtadmin/src/components/NavRail.module.scss
@@ -70,7 +70,7 @@ a.navLink {
     font-size: 1.6rem;
     font-weight: 500;
     outline: none;
-    padding: 13px 24px;
+    padding: 10px 24px;
     text-decoration: none;
     transition: $navRailHoverTransition;
 
@@ -109,6 +109,7 @@ a.navLink:hover .badge {
     fill: var(--colorScaffoldingForeground);
     height: 2rem;
     transition: $navRailHoverTransition;
+    margin-right: 10px;
 }
 
 a.navLinkActive .icon,

diff --git a/web/vtadmin/src/components/NavRail.tsx b/web/vtadmin/src/components/NavRail.tsx
@@ -62,9 +62,6 @@ export const NavRail = () => {
                     <li>
                         <NavRailLink hotkey="W" text="Workflows" to="/workflows" count={workflows.length} />
                     </li>
-                </ul>
-
-                <ul className={style.navList}>
                     <li>
                         <NavRailLink icon={Icons.download} text="Backups" to="/backups" />
                     </li>

diff --git a/web/vtadmin/src/components/VitessLogo.tsx b/web/vtadmin/src/components/VitessLogo.tsx
@@ -2,54 +2,53 @@ import React from 'react';
 
 const VitessLogo: React.FC<{ className?: string }> = ({ className }) => {
     return (
-        <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96" className={className}>
-            <path fill="none" d="M76.774 158.098l-.011.012.011-.012z" />
+        <svg
+            width="207"
+            height="250"
+            viewBox="0 0 207 250"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
             <path
-                d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z"
-                className="fill-[#284e64]"
+                d="M189 194.177L200.111 196.792C203.459 197.581 206.666 195.041 206.666 191.601V57.0542C206.666 53.6199 203.468 51.0809 200.123 51.8599L189 54.4506V194.177Z"
+                fill="#FF8E50"
             />
             <path
-                d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z"
-                className="fill-[#284e64]"
+                d="M174.45 210.577L157 205.279V186.642L181.333 192.371V205.474C181.333 209.054 177.876 211.617 174.45 210.577Z"
+                fill="#FF8E50"
             />
-            <path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" className="fill-[#f16827]" />
             <path
-                d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z"
-                className="fill-[#f48029]"
+                d="M181.333 56.2364L157 61.9038V43.3292L174.461 38.0697C177.885 37.0387 181.333 39.6014 181.333 43.1765V56.2364Z"
+                fill="#FF8E50"
             />
+            <path d="M157 186.642L181.333 192.371V56.2363L157 61.9038V186.642Z" fill="#E7481B" />
             <path
-                d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z"
-                className="fill-[#f89a2e]"
+                d="M141.973 227.98L120 218.968V194.045L149.33 202.95V223.046C149.33 226.839 145.483 229.419 141.973 227.98Z"
+                fill="#FF8E50"
             />
             <path
-                d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z"
-                className="fill-[#f16827]"
+                d="M149.33 45.6394L120 54.4738V29.619L141.984 20.6584C145.492 19.2287 149.33 21.8092 149.33 25.5973V45.6394Z"
+                fill="#FF8E50"
             />
+            <path d="M149 45.7389L120 54.4739V70.5216L149 63.7672V45.7389Z" fill="#E7481B" />
+            <path d="M149 184.759L120 177.931V194.045L149 202.85V184.759Z" fill="#E7481B" />
+            <path d="M149 63.7671L120 70.5215V177.931L149 184.759V63.7671Z" fill="#C71E07" />
             <path
-                fill="#f89921"
-                d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"
+                d="M104.02 1.55971L2.68726 59.4645C1.02553 60.414 0 62.1812 0 64.0951V185.756C0 187.668 1.02344 189.433 2.68249 190.384L104.016 248.427C107.571 250.463 112 247.896 112 243.799V215.687L20.9736 178.355C18.9716 177.534 17.6641 175.584 17.6641 173.42V74.9163C17.6641 72.7481 18.9766 70.7958 20.9843 69.9774L112 32.8799V6.19033C112 2.09528 107.576 -0.472012 104.02 1.55971Z"
+                fill="#FF8E50"
             />
-            <path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" className="fill-[#f89a2e]" />
-            <path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" className="fill-[#f48029]" />
             <path
-                fill="#f4ae5c"
-                d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"
+                d="M112 32.8798L20.9843 69.9774C18.9766 70.7957 17.6641 72.7481 17.6641 74.9162V173.42C17.6641 175.584 18.9716 177.534 20.9736 178.355L112 215.687V191.616L46.7839 171.815C44.5365 171.133 43 169.061 43 166.712V81.6302C43 79.2772 44.5421 77.2022 46.7952 76.5235L112 56.8835V32.8798Z"
+                fill="#E7481B"
             />
             <path
-                d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z"
-                className="fill-[#cd4e27]"
+                d="M112 56.8834L46.7952 76.5235C44.5421 77.2021 43 79.2771 43 81.6302V166.712C43 169.061 44.5365 171.133 46.7839 171.815L112 191.616V176.047L79.111 168.304C76.7023 167.737 75 165.587 75 163.112V85.2365C75 82.757 76.7087 80.6046 79.1235 80.0422L112 72.3848V56.8834Z"
+                fill="#C71E07"
             />
             <path
-                fill="#f16938"
-                d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"
-            />
-            <path
-                d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z"
-                className="fill-[#f89a2e]"
-            />
-            <path
-                d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z"
-                className="fill-[#cd4e27]"
+                d="M112 72.3849L79.1235 80.0422C76.7087 80.6047 75 82.7571 75 85.2365V163.113C75 165.587 76.7023 167.737 79.111 168.304L112 176.047V72.3849Z"
+                fill="#9E0C03"
             />
         </svg>
     );
-Original file line number
+Diff line change
@@ Expand Up / @@ -62,9 +62,6 @@ export const NavRail = () => { @@
                         <li>
                             <NavRailLink hotkey="W" text="Workflows" to="/workflows" count={workflows.length} />
                         </li>
-                    </ul>
-                    <ul className={style.navList}>
                         <li>
                             <NavRailLink icon={Icons.download} text="Backups" to="/backups" />
                         </li>
@@ Expand Down @@