fix logo size for ultra small screen

This commit is contained in:
MatthieuBarbu 2023-11-02 09:54:48 +01:00
parent b87ee6be8a
commit 9a8b853e03
3 changed files with 52 additions and 2 deletions

View File

@ -336,7 +336,7 @@ html.no-js #clear_search.hide_if_nojs {
background-color: var(--color-search-background); background-color: var(--color-search-background);
position: absolute; position: absolute;
top: 150px; top: 150px;
height: 100%; height: calc(100% - 114px);
width: 100%; width: 100%;
z-index: 10000; z-index: 10000;

View File

@ -556,6 +556,13 @@ div.zET {
line-height: 12rem; line-height: 12rem;
margin: 0; margin: 0;
margin-top: 5rem; margin-top: 5rem;
@media screen and (max-width: 500px) {
font-size: 10rem;
line-height: 10rem;
margin: 0;
margin-top: 4rem;
}
} }
h3.ztitre { h3.ztitre {
@ -567,6 +574,19 @@ h3.ztitre {
} }
@media (max-width: 580px) { @media (max-width: 580px) {
div.zET {
font-size: 10rem;
line-height: 10rem;
margin: 0;
margin-top: 4rem;
}
h2.ztitre {
margin: 0;
font-size: 4em;
font-weight: 400;
}
ul.et-social-icons { ul.et-social-icons {
display: none !important; display: none !important;
} }
@ -665,3 +685,33 @@ h3.ztitre {
} }
} }
} }
@media screen and (max-width: 480px) {
div.zET {
font-size: 9rem;
line-height: 9rem;
margin: 0;
margin-top: 4rem;
}
h2.ztitre {
margin: 0;
font-size: 4em;
font-weight: 400;
}
}
@media screen and (max-width: 360px) {
div.zET {
font-size: 8rem;
line-height: 8rem;
margin: 0;
margin-top: 3%;
}
h2.ztitre {
margin: 0;
font-size: 2em;
font-weight: 400;
}
}

View File

@ -196,7 +196,7 @@
{% endblock %} {% endblock %}
</main> </main>
<footer> <footer>
<p><b>* Vos recherches n'appartiennent qu'à vous et nous n'en ferons jamais notre fond de commerce.</b></p> <p><b>* Vos recherches n'appartiennent qu'à vous et <a href="https://zaclys.com" target="_blank">Zaclys</a> n'en fera jamais notre fonds de commerce.</b></p>
<p> <p>
{{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} — {{ _('a privacy-respecting, open metasearch engine') }}<br/> {{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} — {{ _('a privacy-respecting, open metasearch engine') }}<br/>
<a href="{{ searx_git_url }}">{{ _('Source code') }}</a> <a href="{{ searx_git_url }}">{{ _('Source code') }}</a>