From 4702e1b279b31f0064b7b1d3ca6c8e85a9f29e49 Mon Sep 17 00:00:00 2001
From: hippoz <paperplanelive@gmail.com>
Date: Wed, 27 Oct 2021 01:32:50 +0300
Subject: [PATCH] style tiles

---
 public/global.css                 |  2 +-
 src/components/AppTile.svelte     | 19 +++++++++++++------
 src/components/AppTileGrid.svelte |  2 ++
 src/index.js                      |  4 +++-
 src/svelte.js                     |  9 +++++++++
 5 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/public/global.css b/public/global.css
index 3c26b5f..5c67652 100644
--- a/public/global.css
+++ b/public/global.css
@@ -8,7 +8,7 @@
     --inchworm: #B9E769;
     --corn: #EFEA5A;
     --fuzzy-wuzzy: #C16E70;
-    --old-rose: #C77B7D;
+    --old-rose: #CE8D8F;
 }
 
 html, body {
diff --git a/src/components/AppTile.svelte b/src/components/AppTile.svelte
index 808a629..a7c9d18 100644
--- a/src/components/AppTile.svelte
+++ b/src/components/AppTile.svelte
@@ -8,19 +8,26 @@
 
 <style>
     .app-tile {
-        padding: 0.8em;
-        margin: 0.6em;
+        padding: 0.5rem;
+        margin: 2rem;
         background-color: var(--fuzzy-wuzzy);
-        border-radius: 1.5rem;
-        min-width: 2em;
-        min-height: 2em;
+        border-radius: 2rem;
+        min-width: 5rem;
+        min-height: 5rem;
         border: none;
-        font-size: 3em;
+        font-size: 2.5em;
         user-select: none;
         box-sizing: border-box;
+        transition-duration: 0.256s;
     }
 
     .app-tile:hover {
         background-color: var(--old-rose);
+        transform: scale(1.087);
+    }
+
+    .app-tile:active {
+        transform: scale(0.95);
+        transition-duration: 0.095s;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/AppTileGrid.svelte b/src/components/AppTileGrid.svelte
index aa94d52..3e5dc9e 100644
--- a/src/components/AppTileGrid.svelte
+++ b/src/components/AppTileGrid.svelte
@@ -19,6 +19,8 @@
         gap: 0px 0px;
         grid-auto-flow: row dense;
 
+        overflow-y: auto;
+
         width: clamp(10%, 1000px, 90%);
         height: 100%;
         margin: auto;
diff --git a/src/index.js b/src/index.js
index 7e9bce1..f64715c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,9 +4,11 @@ const path = require('path');
 const createWindow = () => {
     const mainWindow = new BrowserWindow({
         width: 800,
-        height: 600,
+        height: 600
     });
 
+    mainWindow.setMenuBarVisibility(false);
+
     mainWindow.loadFile(path.join(__dirname, '../public/index.html'));
     mainWindow.webContents.openDevTools();
 };
diff --git a/src/svelte.js b/src/svelte.js
index ada52d8..4a02c7c 100644
--- a/src/svelte.js
+++ b/src/svelte.js
@@ -10,6 +10,15 @@ const app = new App({
             {
                 name: "Ratly"
             },
+            {
+                name: "deadmau5"
+            },
+            {
+                name: "deadmau5"
+            },
+            {
+                name: "deadmau5"
+            },
             {
                 name: "deadmau5"
             }