ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve SurahIndex.tsx on iOS

Browse source
This commit is contained in:
0x1eef 2024-01-31 06:53:35 -03:00
parent c212acf98f
commit f4b852d49e
2 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/css/pages/SurahIndex.scss
View file

@ -62,16 +62,32 @@ body .root .content.theme {
flex-direction: row;
align-items: center;
width: 100%;
span {
padding: 0 0 0 7px;
}
}
input {
padding: 10px;
padding: 7.5px;
border-radius: 10px;
border: 1px solid #000;
}
@media (max-device-width: 500px) {
flex-wrap: wrap;
flex-direction: column-reverse;
align-items: flex-start;
a {
place-content: center;
width: 100%;
}
input {
margin-bottom: 10px;
width: 100%;
max-width: unset;
}
.right-arrow.icon {
display: none;
}
}
}
}

2
src/html/index.html.erb
View file

@ -2,7 +2,7 @@
<html lang="<%= context.locale %>">
<head>
<title><%= t(context.locale, "TheNobleQuran") %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="<%= t(context.locale, 'meta.index.description') %>">
<link rel="icon" href="/favicon.svg">