Make category header larger

starboardcoop · Apr 27, 2021 · 937ab0c · 937ab0c
1 parent 94f6e48
commit 937ab0c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Scroller.svelte b/src/components/Scroller.svelte
@@ -6,7 +6,7 @@
     export let things = [];
 </script>
 
-<div class="flex flex-row overflow-auto pl-8 py-7 lg:flex-wrap">
+<div class="flex flex-row overflow-auto pl-4 py-7 lg:flex-wrap">
     {#each things as thing}
         <div class="pr-3 lg:pr-6 lg:pb-6">
             <Card style="h-24 w-24 lg:h-48 lg:w-48">

diff --git a/src/components/Subheading.svelte b/src/components/Subheading.svelte
@@ -4,7 +4,7 @@
     export let oversized = false;
     export let color = "inherit";
 
-    let size = oversized ? "text-6xl" : "text-xl";
+    let size = oversized ? "text-6xl" : "text-xl md:text-2xl lg:text-3xl";
 </script>
 
 <h3 class:caps class:center class="{size} font-bold text-{color}">

diff --git a/src/routes/browse.svelte b/src/routes/browse.svelte
@@ -70,7 +70,7 @@
             {#each data.categories as category}
                 <div>
                     <Container>
-                        <Subheading>{category}:</Subheading>
+                        <Subheading>{category}</Subheading>
                     </Container>
                     <Scroller things={filterThings(category)} />
                 </div>