Merge pull request #931 from simple-login/fix-mobile-view
Fix mobile view
This commit is contained in:
commit
2fc2c85c5e
25
static/logo-without-text.svg
vendored
Executable file
25
static/logo-without-text.svg
vendored
Executable file
|
@ -0,0 +1,25 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="192" height="192" viewBox="0 0 192 192">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="linear-gradient" y1="0.5" x2="1" y2="0.5" gradientUnits="objectBoundingBox">
|
||||||
|
<stop offset="0" stop-color="#e3156a"/>
|
||||||
|
<stop offset="1" stop-color="#91187f"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="clip-logo_without_text">
|
||||||
|
<rect width="192" height="192"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
<g id="logo_without_text" data-name="logo without text" clip-path="url(#clip-logo_without_text)">
|
||||||
|
<g id="Group_46" data-name="Group 46" transform="translate(14 35)">
|
||||||
|
<g id="Group_45" data-name="Group 45" transform="translate(0 0)">
|
||||||
|
<g id="Group_42" data-name="Group 42" transform="translate(13.064 34.188)">
|
||||||
|
<path id="Path_170" data-name="Path 170" d="M-1461.505,851.181a70.211,70.211,0,0,1-30.587-17.439,70.253,70.253,0,0,1-30.74,17.481,49.776,49.776,0,0,0-.882,9.351,49.745,49.745,0,0,0,30.936,45.848,49.54,49.54,0,0,0,32.08-46.3A49.912,49.912,0,0,0-1461.505,851.181Zm-32.907,36.595h-.009l-18.858-18.857,5.8-5.813,13.07,13.07,20.44-20.446,5.805,5.8Zm32.907-36.595a70.211,70.211,0,0,1-30.587-17.439,70.253,70.253,0,0,1-30.74,17.481,49.776,49.776,0,0,0-.882,9.351,49.745,49.745,0,0,0,30.936,45.848,49.54,49.54,0,0,0,32.08-46.3A49.912,49.912,0,0,0-1461.505,851.181Zm-32.907,36.595h-.009l-18.858-18.857,5.8-5.813,13.07,13.07,20.44-20.446,5.805,5.8Zm2.319-54.034a70.253,70.253,0,0,1-30.74,17.481,49.776,49.776,0,0,0-.882,9.351,49.745,49.745,0,0,0,30.936,45.848,49.54,49.54,0,0,0,32.08-46.3,49.912,49.912,0,0,0-.807-8.94A70.211,70.211,0,0,1-1492.092,833.742Zm-2.319,54.034h-.009l-18.858-18.857,5.8-5.813,13.07,13.07,20.44-20.446,5.805,5.8Zm32.907-36.595a70.211,70.211,0,0,1-30.587-17.439,70.253,70.253,0,0,1-30.74,17.481,49.776,49.776,0,0,0-.882,9.351,49.745,49.745,0,0,0,30.936,45.848,49.54,49.54,0,0,0,32.08-46.3A49.912,49.912,0,0,0-1461.505,851.181Zm-32.907,36.595h-.009l-18.858-18.857,5.8-5.813,13.07,13.07,20.44-20.446,5.805,5.8Zm32.907-36.595a70.211,70.211,0,0,1-30.587-17.439,70.253,70.253,0,0,1-30.74,17.481,49.776,49.776,0,0,0-.882,9.351,49.745,49.745,0,0,0,30.936,45.848,49.54,49.54,0,0,0,32.08-46.3A49.912,49.912,0,0,0-1461.505,851.181Zm-32.907,36.595h-.009l-18.858-18.857,5.8-5.813,13.07,13.07,20.44-20.446,5.805,5.8Z" transform="translate(1523.715 -833.742)" fill="url(#linear-gradient)"/>
|
||||||
|
</g>
|
||||||
|
<g id="Group_44" data-name="Group 44">
|
||||||
|
<g id="Group_43" data-name="Group 43">
|
||||||
|
<path id="Path_171" data-name="Path 171" d="M-1365.831,827.564a13.031,13.031,0,0,0-1.9-2.387c-.221-.224-.458-.436-.7-.64a12.572,12.572,0,0,0-7.488-3.04h-95.881a12.571,12.571,0,0,0-7.488,3.04,6.589,6.589,0,0,0-.687.64,12.315,12.315,0,0,0-1.9,2.37,12.682,12.682,0,0,0-1.879,6.662v5l-1.589,1.639-.274.29a82.04,82.04,0,0,1-38.151,22.35c-.366.1-.737.2-1.111.29l-1.617.4-.357,1.622c-.125.586-.246,1.181-.363,1.778a67.17,67.17,0,0,0-1.192,12.612,66.477,66.477,0,0,0,12.037,38.276,66.735,66.735,0,0,0,27.909,22.956c.96.424,1.929.824,2.915,1.206l.927.357.932-.34c1.268-.449,2.516-.943,3.75-1.46a66.933,66.933,0,0,0,31.877-28.445h71.364a12.628,12.628,0,0,0,8.225-3.035c.257-.212.486-.425.723-.662a13.245,13.245,0,0,0,1.9-2.382,12.65,12.65,0,0,0,1.879-6.654v-65.8A12.741,12.741,0,0,0-1365.831,827.564Zm-105.859.009c.22-.017.443-.025.673-.025h94.334c.229,0,.45.008.67.025h1l-.161.145-46.692,41.311a2.983,2.983,0,0,1-3.946,0l-46.691-41.311-.162-.145Zm-5.975,6.636a6.509,6.509,0,0,1,.494-2.516l40.03,35.431-2.857,2.524q-.218-1.478-.511-2.932c-.05-.315-.109-.619-.178-.935l-.346-1.639-1.626-.4c-.391-.1-.781-.2-1.173-.3a82.218,82.218,0,0,1-33.833-18.366Zm-6.874,103.054a61.95,61.95,0,0,1-38.5-57.075,61.877,61.877,0,0,1,1.105-11.634,87.3,87.3,0,0,0,38.251-21.767,87.316,87.316,0,0,0,38.066,21.713,61.8,61.8,0,0,1,1.01,11.135A61.673,61.673,0,0,1-1484.539,937.263Zm39.56-30.6a66.556,66.556,0,0,0,5.73-27.024c0-.835-.017-1.658-.051-2.49l6.737-5.967,6.748,5.967a2.983,2.983,0,0,0,3.946,0l6.746-5.967,39.92,35.311.187.171Zm74.941-6.654a6.525,6.525,0,0,1-.492,2.507l-40-35.389,40.012-35.406a6.568,6.568,0,0,1,.483,2.49Z" transform="translate(1528.394 -821.497)" fill="url(#linear-gradient)"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.1 KiB |
17
static/style.css
vendored
17
static/style.css
vendored
|
@ -170,3 +170,20 @@ textarea.parsley-error {
|
||||||
.domain_detail_content {
|
.domain_detail_content {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Only show the help button on desktop */
|
||||||
|
@media only screen and (max-width: 500px) {
|
||||||
|
#help-btn {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 500px) {
|
||||||
|
#help-btn {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#help-menu-item {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
|
@ -2,7 +2,14 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<a class="header-brand" href="{{ url_for('dashboard.index') }}">
|
<a class="header-brand" href="{{ url_for('dashboard.index') }}">
|
||||||
<img src="/static/logo.svg" class="header-brand-img" style="max-width: 8rem" alt="logo">
|
<picture>
|
||||||
|
<source
|
||||||
|
media="(max-width: 650px)"
|
||||||
|
srcset="/static/logo-without-text.svg"
|
||||||
|
>
|
||||||
|
|
||||||
|
<img src="/static/logo.svg" class="header-brand-img" style="max-width: 8rem" alt="logo">
|
||||||
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="d-flex order-lg-2 ml-auto">
|
<div class="d-flex order-lg-2 ml-auto">
|
||||||
|
@ -70,7 +77,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if ZENDESK_ENABLED %}
|
{% if ZENDESK_ENABLED %}
|
||||||
<div class="dropdown nav-item d-flex align-items-center">
|
<div id="help-btn" class="dropdown nav-item align-items-center">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
|
||||||
<div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
|
||||||
<div class="dropdown-item">
|
<div class="dropdown-item">
|
||||||
|
|
|
@ -93,5 +93,30 @@
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% if ZENDESK_ENABLED %}
|
||||||
|
<li class="nav-item">
|
||||||
|
<div id="help-menu-item" class="dropdown nav-item align-items-center mb-3">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
|
||||||
|
<div class="dropdown-item">
|
||||||
|
<a href="https://simplelogin.io/docs/" target="_blank">
|
||||||
|
Docs
|
||||||
|
<i class="fa fa-external-link" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-item">
|
||||||
|
<a href="https://github.com/simple-login/app/discussions" target="_blank">
|
||||||
|
Forum
|
||||||
|
<i class="fa fa-external-link" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-item">
|
||||||
|
<a href="/dashboard/support">Support</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
Loading…
Reference in a new issue