Minor fixes

matthijsgroen · Sep 12, 2024 · 1135556 · 1135556
1 parent 465273c
commit 1135556
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,10 @@
   <head>
     <meta charset="UTF-8" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
+    />
     <link href="/dist/main.css" rel="stylesheet" />
     <title>block-sorting + TS</title>
   </head>

diff --git a/src/components/Block.module.css b/src/components/Block.module.css
@@ -1,7 +1,7 @@
 .shape {
-  text-shadow: 0px 0px 0px #888, 1px 1px 2px #000;
+  text-shadow: 0px 0px 0px #aaa, 1px 1px 2px #000;
   color: transparent;
-  opacity: 40%;
+  opacity: 60%;
 }
 
 .texture {

diff --git a/src/components/PlayButton.tsx b/src/components/PlayButton.tsx
@@ -13,7 +13,9 @@ export const PlayButton: React.FC<Props> = ({
 }) => (
   <button
     onClick={onClick}
-    className="inline-block w-[10rem] h-12 bg-orange-500 rounded-3xl shadow-lg font-bold pt-3"
+    className={`inline-block w-[10rem] h-12 ${
+      special ? "bg-purple-500" : "bg-orange-500"
+    } rounded-3xl shadow-lg font-bold pt-3`}
   >
     <span
       className={`block ${(hard || special) == false ? "-translate-y-1" : ""}`}

diff --git a/src/game/levelSettings.ts b/src/game/levelSettings.ts
@@ -42,7 +42,7 @@ export const getHardSettings = (levelNr: number): LevelSettings => {
 export const getSpecialSettings = (levelNr: number): LevelSettings => {
   const amountColors = levelNr === 0 ? 2 : getSetting(levelNr, 3, 7, 4, 4);
 
-  const specialIndex = Math.floor((levelNr - 6) / 10) % 4;
+  const specialIndex = Math.floor(levelNr / 10) % 4;
 
   const templates: LevelSettings[] = [
     {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -14,8 +14,8 @@ export default {
       },
       keyframes: {
         place: {
-          "0%": { transform: "translateY(-1rem)" },
-          "80%": { transform: "translateY(0.1rem)" },
+          "0%": { transform: "translateY(-2rem)" },
+          "80%": { transform: "translateY(0.2rem)" },
           "100%": { transform: "translateY(0)" },
         },
         wobble: {