abrendan_dev/MicDropMessages
1
0
Fork 0
mirror of https://github.com/abrendan/MicDropMessages.git synced 2025-06-16 12:45:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

V1.7! Bigger buttons for when viewed on a mobile screen or the android application

Browse Source
This commit is contained in:
abrendan 2024-01-12 14:28:32 +00:00
parent 226f1250da
commit 5ad7ad2ce6
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
html/index.html
View File

@ -12,7 +12,7 @@
<body onload = "onload()"> <body onload = "onload()">
<div id = "Main"> <div id = "Main">
<audio id = "Ding" src = "Ding.mp3"> </audio> <audio id = "Ding" src = "Ding.mp3"> </audio>
<h1 id = "Title"> MicDropMessages V1.6 </h1> <h1 id = "Title"> MicDropMessages V1.7 </h1>
<p>Welcome to MicDropMessages! This small webbased application allows you to chat with your friends anonymously! To start, enter your username and enter a chatroom.</p> <p>Welcome to MicDropMessages! This small webbased application allows you to chat with your friends anonymously! To start, enter your username and enter a chatroom.</p>
<div id = "AccessPort"> <div id = "AccessPort">
<label id = "NameLabel"> Username </label> <label id = "NameLabel"> Username </label>

9
html/style.css
View File

@ -115,7 +115,12 @@ body.dark-mode .input {
#Title { #Title {
font-size: 150%; font-size: 150%;
} }
#ConnectButton, #ConnectButton {
display: block;
margin: 0 auto;
padding: 20px 40px; /* Increase the padding to make the button bigger */
font-size: 20px; /* Increase the font-size for better readability on small screens */
}
#WebsiteButton { #WebsiteButton {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@ -128,5 +133,7 @@ body.dark-mode .input {
margin: 0 auto; margin: 0 auto;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 10px; margin-top: 10px;
padding: 20px 40px; /* Increase the padding to make the button bigger */
font-size: 20px; /* Increase the font-size for better readability on small screens */
} }
} }