Make recursive preview desktop only

src/components/Projects/Project.module.css

@@ -91,4 +91,8 @@
   .techIcons {
     display: none;
   }
+
+  .Project_desktopOnly {
+    display: none;
+  }
 }

src/components/Projects/Project.tsx

@@ -20,7 +20,8 @@ export default (props: { project: Project, odd: boolean }) => {
       class={styles.Project}
       classList={{
         [styles.Project_odd]: props.odd,
-        [styles.Project_halfWidth]: props.project.halfWidth
+        [styles.Project_halfWidth]: props.project.halfWidth,
+        [styles.Project_desktopOnly]: props.project.desktopOnly
       }}
     >
       {
@@ -30,7 +31,7 @@ export default (props: { project: Project, odd: boolean }) => {
           class={styles.preview}
           src={props.project.preview as string}
           style={props.project.previewStyle}
-        /> 
+        />
         :
         <props.project.preview />
       }

src/components/Projects/projectList.ts

@@ -23,6 +23,7 @@ export class Project {
   previewStyle?: string;
   halfWidth?: boolean;
   icons?: Icon[];
+  desktopOnly?: boolean;
 
   constructor(project: Project) {
     this.name = project.name
@@ -34,6 +35,7 @@ export class Project {
     this.previewStyle = project.previewStyle
     this.halfWidth = project.halfWidth
     this.icons = project.icons
+    this.desktopOnly = project.desktopOnly
   }
 }
 
@@ -56,7 +58,8 @@ export default [
     name: 'This website',
     preview: RecursivePreview,
     link: 'https://kopyl.dev',
-    descriptionSlug: 'this_desc'
+    descriptionSlug: 'this_desc',
+    desktopOnly: true
   }),
   new Project({
     name: 'VK Mute',