limepotato/nelle-observer
1
1
Fork 0
Code Pull requests Activity

fix beep buttons on mobile

Browse source
This commit is contained in:
nelle 2024-09-19 02:47:36 -06:00
parent ef4ba23e85
commit df48587cd7
3 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/public/styles/css/classes.css
View file

@ -130,4 +130,10 @@ hr {
margin-right: 35%; margin-right: 35%;
margin-bottom: -4%; margin-bottom: -4%;
margin-top: 2%; margin-top: 2%;
}
.beep-buttons {
width: 25%;
margin-top: 4%;
margin-bottom: 2%;
} }

4
frontend/public/styles/css/mobile.css
View file

@ -25,4 +25,8 @@
.btn-1 { .btn-1 {
margin-bottom: 5px; margin-bottom: 5px;
} }
.beep-buttons {
min-width: 42%;
}
} }

6
frontend/src/components/main-page/widgets/meow.astro
View file

@ -6,16 +6,14 @@
there is a global timeout of 33 minutes, and a separate timer for each button. if it says its sleeping, come back and try again later!</p> there is a global timeout of 33 minutes, and a separate timer for each button. if it says its sleeping, come back and try again later!</p>
<button <button
class="custom-btn btn-1" class="custom-btn btn-1 beep-buttons"
style="width: 25%; margin-top: 4%; margin-bottom: 2%;"
onclick="meowClick()" onclick="meowClick()"
id="meow-button"> id="meow-button">
<span>meow</span> <span>meow</span>
</button> </button>
<button <button
class="custom-btn btn-1" class="custom-btn btn-1 beep-buttons"
style="width: 25%; margin-top: 4%; margin-bottom: 2%;"
onclick="beepClick()" onclick="beepClick()"
id="beep-button"> id="beep-button">
<span>beep</span> <span>beep</span>