Move projects-grid css up to shared css

drips-network · Jan 14, 2025 · a3a1c40 · a3a1c40
1 parent 324a287
commit a3a1c40
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/src/routes/(pages)/app/(app)/components/recently-claimed-projects.svelte b/src/routes/(pages)/app/(app)/components/recently-claimed-projects.svelte
@@ -67,14 +67,3 @@
     {/each}
   </div>
 </Section>
-
-<style>
-  .projects-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
-    gap: 1rem;
-    max-width: 100%;
-    position: relative;
-    padding: 4px;
-  }
-</style>
diff --git a/src/styles/app.css b/src/styles/app.css
@@ -4,6 +4,7 @@
 @import 'colors.css';
 @import 'elevation.css';
 @import 'typography.css';
+@import 'projects.css';
 
 html.smoothscroll {
   scroll-behavior: smooth;

diff --git a/src/styles/projects.css b/src/styles/projects.css
@@ -0,0 +1,8 @@
+.projects-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+  gap: 1rem;
+  max-width: 100%;
+  position: relative;
+  padding: 4px;
+}