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

@ -131,3 +131,9 @@ hr {
margin-bottom: -4%;
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 {
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>
<button
class="custom-btn btn-1"
style="width: 25%; margin-top: 4%; margin-bottom: 2%;"
class="custom-btn btn-1 beep-buttons"
onclick="meowClick()"
id="meow-button">
<span>meow</span>
</button>
<button
class="custom-btn btn-1"
style="width: 25%; margin-top: 4%; margin-bottom: 2%;"
class="custom-btn btn-1 beep-buttons"
onclick="beepClick()"
id="beep-button">
<span>beep</span>