icons replaced for settings page

all font icons on the setting page have been removed and replaced with
svg images
This commit is contained in:
ro 2024-03-21 15:09:37 -06:00
parent 8794ffc715
commit 56b0b984d4
No known key found for this signature in database
GPG key ID: 29B551CDBD4D3B50
2 changed files with 29 additions and 9 deletions

View file

@ -136,6 +136,10 @@ button[data-render="false"] svg {
fill: var(--secondary); fill: var(--secondary);
} }
button[data-enabled="false"] svg {
fill: var(--primary);
}
/* RESPONSIVE */ /* RESPONSIVE */
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {

View file

@ -23,8 +23,10 @@
<div> <div>
<button id="create-backup"> <button id="create-backup">
<i class="ti ti-disc"></i> <svg id="nav-menu-icon" role="icon">
<span>BACK UP YOUR SITE</span> <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-back-in-time"/>
</svg>
<span>CREATE BACKUP</span>
</button><br/> </button><br/>
@if($lastBackup != '') @if($lastBackup != '')
LAST BACK UP<br/> LAST BACK UP<br/>
@ -36,25 +38,33 @@
<div class="features"> <div class="features">
@if(isset($apiStatus) && $apiStatus == 'true') @if(isset($apiStatus) && $apiStatus == 'true')
<button id="api-access-toggle" title="allow external api" data-enabled="true"> <button id="api-access-toggle" title="allow external api" data-enabled="true">
<i class="ti ti-phone-incoming"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
</svg>
<span id="api-status">API ACCESS ENABLED</span> <span id="api-status">API ACCESS ENABLED</span>
</button> </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">
<i class="ti ti-phone-incoming"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>
</svg>
<span id="api-status">API ACCESS NOT ENABLED</span> <span id="api-status">API ACCESS NOT ENABLED</span>
</button> </button>
@endif @endif
@if(isset($dynamicRenderStatus) && $dynamicRenderStatus == 'true') @if(isset($dynamicRenderStatus) && $dynamicRenderStatus == 'true')
<button id="dynamic-render-toggle" title="allow external api" data-enabled="true"> <button id="dynamic-render-toggle" title="allow external api" data-enabled="true">
<i class="ti ti-arrow-merge"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cycle"/>
</svg>
<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span> <span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
</button> </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">
<i class="ti ti-arrow-merge"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cycle"/>
</svg>
<span id="dynamic-render-status">STATIC PAGE RENDERING</span> <span id="dynamic-render-status">STATIC PAGE RENDERING</span>
</button> </button>
@ -65,12 +75,16 @@
@foreach($themes as $theme) @foreach($themes as $theme)
@if($theme['name'] == $currentTheme) @if($theme['name'] == $currentTheme)
<button id="{{ $theme['name'] }}" class="theme-select" data-enabled="true"> <button id="{{ $theme['name'] }}" class="theme-select" data-enabled="true">
<i class="ti ti-brush"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-palette"/>
</svg>
<span>{{ $theme['display-name'] }}</span> <span>{{ $theme['display-name'] }}</span>
</button> </button>
@else @else
<button href="#" id="{{ $theme['name'] }}" class="theme-select" data-enabled="false"> <button href="#" id="{{ $theme['name'] }}" class="theme-select" data-enabled="false">
<i class="ti ti-brush-off"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-palette"/>
</svg>
<span>{{ $theme['display-name'] }}</span> <span>{{ $theme['display-name'] }}</span>
</button> </button>
@endif @endif
@ -95,7 +109,9 @@
@endif @endif
@include('forms.mailforms') @include('forms.mailforms')
<button id="send-mail"> <button id="send-mail">
<i class="ti ti-mailbox"></i> <svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-mail-with-circle"/>
</svg>
<span>TEST MAIL</span> <span>TEST MAIL</span>
</button> </button>
</div> </div>