add ismobile :3

This commit is contained in:
Ashley 2024-01-14 08:08:23 +00:00
parent 9d993d25f6
commit a3d1ea8b68

View file

@ -8,7 +8,7 @@
<meta content="PokeTranslate" property=og:title> <meta content="PokeTranslate" property=og:title>
<meta content="Translate text - Anonymously!" property=twitter:description> <meta content="Translate text - Anonymously!" property=twitter:description>
<meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" /> <meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image" />
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'"> <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'">
@ -99,7 +99,6 @@
body { body {
justify-content: center; justify-content: center;
overflow:hidden;
font-family: sans-serif; font-family: sans-serif;
} }
@ -152,22 +151,21 @@
grid-area: translations; grid-area: translations;
} }
@media screen and (prefers-color-scheme: dark) { body {
body {
background-color: #212529; background-color: #212529;
color: #f8f9fa; color: #f8f9fa;
} }
#could_not_switch_languages_text { #could_not_switch_languages_text {
color: #F13333; color: #F13333;
} }
a:visited { a:visited {
color: #9759f6; color: #9759f6;
text-decoration: none; text-decoration: none;
} }
a { a {
color: #599bf6; color: #599bf6;
text-decoration: none; text-decoration: none;
} }
@ -197,8 +195,24 @@
.use_in_sentence { .use_in_sentence {
color: yellow; color: yellow;
} }
}
</style> </style>
<% if (isMobile) { %>
<style>
body {
overflow: auto;
}
</style>
<% } %>
<% if (!isMobile) { %>
<style>
body {
overflow: hidden;
}
</style>
<% } %>
</head> </head>
<body> <body>