fix for #69, updated settings ui

This commit is contained in:
Ro 2021-12-18 16:09:26 -08:00
parent 1c2ba579df
commit 4f4fee807c
3 changed files with 30 additions and 20 deletions

View file

@ -5,7 +5,7 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=cvvvb"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=cvnbm">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}
@ -68,15 +68,17 @@
<svg id="api-access-toggle" class="icons"> <svg id="api-access-toggle" class="icons">
<use id="api-access-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/> <use id="api-access-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
</svg> </svg>
</button>
<span id="api-status">EXTERNAL API ACCESS ENABLED</span> <span id="api-status">EXTERNAL API ACCESS ENABLED</span>
</button>
{% else %} {% else %}
<button id="api-access-toggle" title="allow external api" data-enabled="false"> <button id="api-access-toggle" title="allow external api" data-enabled="false">
<svg id="api-access-toggle" class="icons"> <svg id="api-access-toggle" class="icons">
<use id="api-access-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/> <use id="api-access-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
</svg> </svg>
</button>
<span id="api-status">EXTERNAL API ACCESS NOT ENABLED</span> <span id="api-status">EXTERNAL API ACCESS NOT ENABLED</span>
</button>
{% endif %} {% endif %}
</div> </div>
@ -88,18 +90,22 @@
<svg id="dynamic-render-toggle" class="icons"> <svg id="dynamic-render-toggle" class="icons">
<use id="dynamic-render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-text-document-inverted"/> <use id="dynamic-render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-text-document-inverted"/>
</svg> </svg>
</button>
<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span> <span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
</button>
{% else %} {% else %}
<button id="dynamic-render-toggle" title="allow external api" data-enabled="false"> <button id="dynamic-render-toggle" title="allow external api" data-enabled="false">
<svg id="dynamic-render-toggle" class="icons"> <svg id="dynamic-render-toggle" class="icons">
<use id="dynamic-render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-text-document-inverted"/> <use id="dynamic-render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-text-document-inverted"/>
</svg> </svg>
</button>
<span id="dynamic-render-status">STATIC PAGE RENDERING</span> <span id="dynamic-render-status">STATIC PAGE RENDERING</span>
</button>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="column"></div>
<div class="column"></div>
</div> </div>
</div> </div>
<div id="option-settings" class="columns"> <div id="option-settings" class="columns">

File diff suppressed because one or more lines are too long

View file

@ -139,35 +139,39 @@
#feature-settings #feature-settings
#feature-api, #dynamic-api #feature-api, #dynamic-api
background: $primary background: $white
border-radius: 3px border-radius: 3px
padding: 5px padding: 5px
width: 95%
button
color: $white
border-radius: 3px
width: 200px
margin: 0
height: 200px
font-size: 1em
svg
width: 100px
height: 90px
fill: $white
position: relative
display: block
margin: 12px auto
span span
color: $white !important color: $white
margin: 6px 0 0 5px margin: 6px 0 0 5px
position: relative position: relative
vertical-align: middle vertical-align: middle
display: inline-block display: inline-block
font-weight: bold font-weight: bold
button
color: $white
border-radius: 3px
width: 40px
margin: 0
height: 25px
svg
width: 25px
height: 20px
fill: $white
position: relative
display: block
margin: -12px auto
button[data-enabled='false'] button[data-enabled='false']
background: $secondary background: $secondary
svg svg
fill: $primary fill: $primary
span
color: $primary
button[data-enabled='true'] button[data-enabled='true']
background: $highlight background: $highlight
svg svg