diff --git a/src/client/graphics/layers/Leaderboard.ts b/src/client/graphics/layers/Leaderboard.ts index 7929c5605..4e2a68b1b 100644 --- a/src/client/graphics/layers/Leaderboard.ts +++ b/src/client/graphics/layers/Leaderboard.ts @@ -129,6 +129,11 @@ export class Leaderboard extends LitElement implements Layer { .hidden { display: none !important; } + @media (max-width: 1000px) { + .leaderboard { + display: none !important; + } + } `; @property({type: Array}) diff --git a/src/client/graphics/layers/radial/EmojiTable.ts b/src/client/graphics/layers/radial/EmojiTable.ts index a689be1b3..50aff3642 100644 --- a/src/client/graphics/layers/radial/EmojiTable.ts +++ b/src/client/graphics/layers/radial/EmojiTable.ts @@ -66,6 +66,28 @@ export class EmojiTable extends LitElement { .hidden { display: none !important; } + + @media (max-width: 600px) { + .emoji-button { + font-size: 32px; + /* Slightly smaller font size for mobile */ + width: 60px; + /* Smaller width for mobile */ + height: 60px; + /* Smaller height for mobile */ + margin: 5px; + /* Smaller margin for mobile */ + } + } + + @media (max-width: 400px) { + .emoji-button { + font-size: 28px; + width: 50px; + height: 50px; + margin: 3px; + } + } `; @state() diff --git a/src/client/index.html b/src/client/index.html index a892d695b..4dbdd06f8 100644 --- a/src/client/index.html +++ b/src/client/index.html @@ -27,8 +27,8 @@ fill="#ffffff" /> -