From bd29e53707beab4a76e81c720124be7ad710a3c1 Mon Sep 17 00:00:00 2001
From: Dev 1 <dev@siliconpin.com>
Date: Tue, 5 Sep 2023 21:33:46 +0530
Subject: [PATCH] little changes in desgine

---
 src/pages/drawing/index.astro | 12 ++++++++----
 src/pages/drawing/temp.astro  |  0
 2 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/drawing/temp.astro

diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index 31f3275..d3614c0 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -68,7 +68,6 @@ import Layout from '../../layouts/Layout.astro';
             .then(response => response.json())
             .then(({ data }) => {
                 const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
-                // const screenCenterX = window.innerWidth / 2;
                 const baseFontSize = 15;
                 const responsiveFontSize = (window.innerWidth / 280) * baseFontSize;
                 const descrptText = this.add.text(screenCenterX, 70, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', }).setOrigin(0.5);
@@ -84,8 +83,13 @@ import Layout from '../../layouts/Layout.astro';
                 this.add.text(displayW / 30, 0, "Drawing", textStyle);
                 this.add.image(displayW / 2 * 1.6 - 0.5, 25, 'topLogo');
             }
-            const outlineImage = this.add.image(displayW / 2, displayH / 2, 'outline').setScale(0.5);
-            outlineImage.setDepth(1);
+            const outlineImage = this.add.image(displayW / 2, displayH / 2, 'outline');
+            if(isMobile){
+                outlineImage.setDepth(1).setScale(0.5);
+            } else{
+                outlineImage.setDepth(1).setScale(0.7);   
+            }
+            
             graphics = this.add.graphics();
 
             const colorContainer = document.createElement('div');
@@ -161,7 +165,7 @@ import Layout from '../../layouts/Layout.astro';
                 button.style.marginRight = `${buttonSpacing}px`;
                 button.addEventListener('click', () => {
                     // Remove the border from the previously selected button, if any
-                    if (selectedButton) {
+                    if(selectedButton) {
                         selectedButton.style.border = 'none';
                     }
                     // Set the new selected color
diff --git a/src/pages/drawing/temp.astro b/src/pages/drawing/temp.astro
new file mode 100644
index 0000000..e69de29