Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

reduced icon font size from 173,6 kB to 1,3 kB

Browse source
This commit is contained in:
partisan 2024-12-02 18:40:41 +01:00
parent 54d90f1591
commit 96b92fed5e
9 changed files with 72 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

20
templates/search.html
View file

@ -34,15 +34,15 @@
<!-- Menu Button -->
<div id="js-enabled">
<button class="material-icons-round settings-icon-link-search" onclick="openNav()">menu</button>
<button class="material-icons-round settings-icon-link-search" onclick="openNav()">&#xe5d2;</button>
</div>
<div id="js-disabled">
<a href="/settings" class="material-icons-round settings-icon-link-search">menu</a>
<a href="/settings" class="material-icons-round settings-icon-link-search">&#xe5d2;</a>
</div>
<!-- Side Navigation Menu -->
<div id="mySidenav" class="side-nav">
<button class="material-icons-round closebtn" onclick="closeNav()">close</button>
<button class="material-icons-round closebtn" onclick="closeNav()">&#xe5cd;</button>
<a href="/settings">{{ translate "all_settings" }}</a>
<button onclick="setTheme('dark')">{{ translate "theme_dark" }}</button>
<button onclick="setTheme('light')">{{ translate "theme_light" }}</button>
@ -61,7 +61,7 @@
</div>
<div class="wrapper custom-search-page">
<input type="text" name="q" autofocus id="search-input"/>
<button id="search-wrapper-ico" class="material-icons-round" type="submit">search</button>
<button id="search-wrapper-ico" class="material-icons-round" type="submit">&#xe8b6;</button>
<div class="autocomplete">
<ul></ul>
</div>
@ -69,42 +69,42 @@
<div class="search-type-icons">
<div class="icon-button">
<button id="sub-search-wrapper-ico-text" class="material-icons-round clickable" name="t" value="text">
<span>search</span>
<span class="material-icons-round">&#xe8b6;</span> <!-- 'search' icon -->
<p>{{ translate "web" }}</p>
</button>
</div>
<div class="icon-button">
<button id="sub-search-wrapper-ico-image" class="material-icons-round clickable" name="t" value="image">
<span>image</span>
<span class="material-icons-round">&#xe3f4;</span> <!-- 'image' icon -->
<p>{{ translate "images" }}</p>
</button>
</div>
<div class="icon-button">
<button id="sub-search-wrapper-ico-video" class="material-icons-round clickable" name="t" value="video">
<span>movie</span>
<span class="material-icons-round">&#xe02c;</span> <!-- 'movie' icon -->
<p>{{ translate "videos" }}</p>
</button>
</div>
<div class="icon-button">
<button id="sub-search-wrapper-ico-forum" class="material-icons-round clickable" name="t" value="forum">
<span>forum</span>
<span class="material-icons-round">&#xe0bf;</span> <!-- 'forum' icon -->
<p>{{ translate "forums" }}</p>
</button>
</div>
<div class="icon-button">
<button id="sub-search-wrapper-ico-map" class="material-icons-round clickable" name="t" value="map">
<span>map</span>
<span class="material-icons-round">&#xe55b;</span> <!-- 'map' icon -->
<p>{{ translate "maps" }}</p>
</button>
</div>
<div class="icon-button">
<button id="sub-search-wrapper-ico-file" class="material-icons-round clickable" name="t" value="file">
<span>share</span>
<span class="material-icons-round">&#xe80d;</span> <!-- 'share' icon -->
<p>{{ translate "torrents" }}</p>
</button>
</div>