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);
}
button[data-enabled="false"] svg {
fill: var(--primary);
}
/* RESPONSIVE */
@media only screen and (max-width: 900px) {

View file

@ -23,8 +23,10 @@
<div>
<button id="create-backup">
<i class="ti ti-disc"></i>
<span>BACK UP YOUR SITE</span>
<svg id="nav-menu-icon" role="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-back-in-time"/>
</svg>
<span>CREATE BACKUP</span>
</button><br/>
@if($lastBackup != '')
LAST BACK UP<br/>
@ -36,25 +38,33 @@
<div class="features">
@if(isset($apiStatus) && $apiStatus == '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>
</button>
@else
<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>
</button>
@endif
@if(isset($dynamicRenderStatus) && $dynamicRenderStatus == '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>
</button>
@else
<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>
</button>
@ -65,12 +75,16 @@
@foreach($themes as $theme)
@if($theme['name'] == $currentTheme)
<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>
</button>
@else
<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>
</button>
@endif
@ -95,7 +109,9 @@
@endif
@include('forms.mailforms')
<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>
</button>
</div>