fixing analytics icon pt2

2026-06-02 12:28:34 -04:00
parent aa1a4cf6ff
commit 59c6b19ad6
3 changed files with 3 additions and 25 deletions
@@ -3,12 +3,6 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=block"
-      rel="stylesheet"
-    />
    <link
      rel="icon"
      type="image/svg+xml"
@@ -6017,7 +6017,9 @@ function App() {
 		                    aria-label="Reports"
 		                    title="Reports"
 		                  >
-		                    <span className="material-symbols-outlined report-tab-icon" aria-hidden="true">analytics</span>
+		                    <svg className="report-tab-icon" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
+		                      <path d="M280-280h80v-240h-80v240Zm160 0h80v-400h-80v400Zm160 0h80v-120h-80v120ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z" />
+		                    </svg>
 		                  </button>
 		                  <button
 		                    className={`bird-detail-tab ${selectedBirdTab === 'audit' ? 'active' : ''}`}
@@ -1220,24 +1220,6 @@ textarea {
  stroke: none;
 }

-.bird-detail-tab .material-symbols-outlined {
-  display: block;
-  font-family: "Material Symbols Outlined";
-  font-size: 24px;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  font-style: normal;
-  font-weight: normal;
-  letter-spacing: normal;
-  line-height: 1;
-  text-transform: none;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-feature-settings: "liga";
-}
-
 .bird-detail-tab:hover {
  border-color: rgba(35, 138, 90, 0.28);
  color: var(--ink);