update title svg, add logo

btambara · Apr 20, 2024 · b095339 · b095339
1 parent fbc6e6b
commit b095339
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/baseball-ball.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>Pitcher Watch</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/public/baseball-ball.svg b/public/baseball-ball.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/components/PitcherWatchLogo.vue b/src/components/PitcherWatchLogo.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts"></script>
+
+<template>
+  <v-container align="center" justify="center">
+    <v-sheet rounded="lg" elevation="12" width="60">
+      <v-row>
+        <v-col>
+          <v-icon icon="fa:fas fa-baseball" size="x-large"></v-icon>
+        </v-col>
+      </v-row>
+    </v-sheet>
+
+    <v-row>
+      <v-col>
+        <div class="text-h3 mt-2">Pitcher Watch</div>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<style scoped></style>
diff --git a/src/views/PitcherSearch.vue b/src/views/PitcherSearch.vue
@@ -2,6 +2,7 @@
 import PlayerSheet from "./PlayerSheet.vue";
 import pitchersJSON from "../assets/pitchers.json";
 import { getTeamName, getTeamLogo } from "../helpers";
+import PitcherWatchLogo from "../components/PitcherWatchLogo.vue";
 import { ref } from "vue";
 const pitchers = defineModel();
 const pitcherDialog = ref(false);
@@ -44,7 +45,7 @@ function handler(pitcher: object) {
     <v-row justify="center" align-center>
       <v-col cols="12" sm="7" md="5" lg="5" xl="5">
         <v-progress-linear indeterminate v-show="!ready"></v-progress-linear>
-        <div class="text-h3 mb-4" v-show="ready">Search</div>
+        <PitcherWatchLogo></PitcherWatchLogo>
         <v-autocomplete
           v-show="ready"
           :items="pitchers"