fixed css on mobile

This commit is contained in:
J-onasJones 2024-10-24 02:02:57 +02:00
parent b6a3b67dc1
commit 4673f56b83

View file

@ -101,6 +101,24 @@ async function handleDefaultGet(env) {
.download-btn:hover, .btn:hover { .download-btn:hover, .btn:hover {
background-color: #0056b3; background-color: #0056b3;
} }
fa-cog {
font-size: 24px;
}
@media (orientation: portrait) {
h1 {
font-size: 68px;
}
p, a {
font-size: 48px;
border-radius: 20px;
}
.qr-code {
width: 80vw;
}
fa-cog {
font-size: 96px;
}
}
</style> </style>
</head> </head>
<body> <body>
@ -113,7 +131,7 @@ async function handleDefaultGet(env) {
<a style="padding-top:10px" href="https://discord.gg/wVXF7b6CkS" >Discord</a> <a style="padding-top:10px" href="https://discord.gg/wVXF7b6CkS" >Discord</a>
</div> </div>
<a href="/manage" title="Manage Uploads" style="position:absolute;bottom:20px;right:20px;color: black"> <a href="/manage" title="Manage Uploads" style="position:absolute;bottom:20px;right:20px;color: black">
<i class="fas fa-cog" style="font-size: 24px;"></i> <i class="fas fa-cog"></i>
</a> </a>
</body> </body>
</html> </html>