implement basic MatchBrowser component

1 files changed, 2 insertions, 35 deletions

diff --git a/web/pw-frontend/src/App.svelte b/web/pw-frontend/src/App.svelte
index 614cf6f..468b925 100644
--- a/web/pw-frontend/src/App.svelte
+++ b/web/pw-frontend/src/App.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
-  import Visualizer from './lib/Visualizer.svelte';
+import MatchBrowser from './lib/MatchBrowser.svelte';
 </script>
 
 <main>
-  <!-- <img src={logo} alt="Svelte Logo" /> -->
-  <!-- <h1>Hello Typescript!</h1> -->
-  <Visualizer />
+  <MatchBrowser />
 </main>
 
 <style>
@@ -13,35 +11,4 @@
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
       Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   }
-
-  img {
-    height: 16rem;
-    width: 16rem;
-  }
-
-  h1 {
-    color: #ff3e00;
-    text-transform: uppercase;
-    font-size: 4rem;
-    font-weight: 100;
-    line-height: 1.1;
-    margin: 2rem auto;
-    max-width: 14rem;
-  }
-
-  p {
-    max-width: 14rem;
-    margin: 1rem auto;
-    line-height: 1.35;
-  }
-
-  @media (min-width: 480px) {
-    h1 {
-      max-width: none;
-    }
-
-    p {
-      max-width: none;
-    }
-  }
 </style>