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

Fixed responsive web design for tablets

Browse Source
This commit is contained in:
Brendan 2024-08-23 09:54:26 +00:00
parent d2e980e9f2
commit 52fcab7506
5 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
html/.well-known/assetlinks.json Normal file
View File

@ -0,0 +1,9 @@
[{
"relation": ["delegate_permission/common.handle_all_urls"],
"target": {
"namespace": "android_app",
"package_name": "com.abrendan.micdropmessages",
"sha256_cert_fingerprints":
["F4:68:84:2F:72:FC:E3:DC:82:A8:AC:73:FA:EA:0D:E9:9D:20:CD:07:D5:91:55:C7:E6:ED:49:9F:61:80:54:84"]
}
}]

1
html/index.html
View File

@ -14,6 +14,7 @@
<div id="Main"> <div id="Main">
<audio id="Ding" src="new-notification.mp3"> </audio> <audio id="Ding" src="new-notification.mp3"> </audio>
<h1 id="Title"> MicDropMessagesV2</h1> <h1 id="Title"> MicDropMessagesV2</h1>
<img id="Logo" src="https://micdropmessages.app/pictures/mdm2logo1.png" alt="Logo">
<p>Welcome to MicDropMessages! This small web-based 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 web-based 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>

BIN
html/pictures/andy-holmes-background2_small.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1018 KiB

BIN
html/pictures/mdm2logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 547 KiB

2
html/style.css
View File

@ -192,7 +192,7 @@ input{
color: #ffffff; /* Light text color for contrast */ color: #ffffff; /* Light text color for contrast */
} }
@media (max-width: 800px) { @media (max-width: 900px) {
label { label {
width: auto; /* Full width on narrow screens */ width: auto; /* Full width on narrow screens */
} }