kar/phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix responsive issue

Browse Source
This commit is contained in:
Suvodip
2024-08-01 18:02:27 +05:30
parent fb55f85b6c
commit 2dd6c7143c
7 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/drawing/index.astro
View File

@@ -210,9 +210,9 @@ import Layout from '../../layouts/Layout.astro';
// this.add.text(customWidth / 30, 0, "Drawing", textStyle);
// this.add.image(customWidth / 2 * 1.6 - 0.5, 25, 'topLogo');
}
const outlineImage = this.add.image(customWidth / 2, customHeight / 3, 'outline');
const outlineImage = this.add.image(customWidth / 2, customHeight / 2.2, 'outline');
if(isMobile){
outlineImage.setDepth(1).setScale(0.33);
outlineImage.setDepth(1).setScale(0.30);
}else if(isTab){
outlineImage.setDepth(1).setScale(0.40);
} else{
@@ -276,7 +276,7 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.appendChild(colorPicker);
// const colors = data.colors;
// var colors = colorList;
var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700'];
var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB'];
// var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
// const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
const buttonSize = 60;
@@ -580,9 +580,9 @@ import Layout from '../../layouts/Layout.astro';
slider.min = '2';
slider.max = '80';
slider.value = brushSize.toString();
slider.style.transform = 'rotate(-90deg)';
slider.style.marginTop = '80px';
slider.style.marginLeft = '-40px';
slider.style.transform = 'rotate(0deg)';
slider.style.marginTop = '20px';
slider.style.marginLeft = '0px';
if(isMobile){
}