gribse/easy-ranker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace icon with SVG file

Browse source
This commit is contained in:
gribse 2025-03-04 16:51:35 +01:00
parent 930be4199b
commit 26e93a20ea
3 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

7
index.html
View file

@ -16,12 +16,7 @@
<div class="flex items-center"> <div class="flex items-center">
<button id="help-button" class="w-full bg-gray-500 text-white p-2 rounded relative"> <button id="help-button" class="w-full bg-gray-500 text-white p-2 rounded relative">
Help Help
<!-- circle-info icon by Free Icons (https://free-icons.github.io/free-icons/) --> <img src="src/circle-info.svg" class="absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4"></img>
<svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="white" viewBox="0 0 512 512" class="absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4">
<path
d="M 256 48 Q 313 48 360 76 L 360 76 L 360 76 Q 407 103 436 152 Q 464 201 464 256 Q 464 311 436 360 Q 407 409 360 436 Q 313 464 256 464 Q 199 464 152 436 Q 105 409 76 360 Q 48 311 48 256 Q 48 201 76 152 Q 105 103 152 76 Q 199 48 256 48 L 256 48 Z M 256 512 Q 326 511 384 478 L 384 478 L 384 478 Q 442 444 478 384 Q 512 323 512 256 Q 512 189 478 128 Q 442 68 384 34 Q 326 1 256 0 Q 186 1 128 34 Q 70 68 34 128 Q 0 189 0 256 Q 0 323 34 384 Q 70 444 128 478 Q 186 511 256 512 L 256 512 Z M 216 336 Q 194 338 192 360 Q 194 382 216 384 L 296 384 L 296 384 Q 318 382 320 360 Q 318 338 296 336 L 288 336 L 288 336 L 288 248 L 288 248 Q 286 226 264 224 L 216 224 L 216 224 Q 194 226 192 248 Q 194 270 216 272 L 240 272 L 240 272 L 240 336 L 240 336 L 216 336 L 216 336 Z M 256 192 Q 270 192 279 183 L 279 183 L 279 183 Q 288 174 288 160 Q 288 146 279 137 Q 270 128 256 128 Q 242 128 233 137 Q 224 146 224 160 Q 224 174 233 183 Q 242 192 256 192 L 256 192 Z"
/>
</svg>
</button> </button>
</div> </div>
<div id="help-section" class="hidden mt-4 p-4 bg-gray-100 border rounded transition-all duration-500 ease-in-out"> <div id="help-section" class="hidden mt-4 p-4 bg-gray-100 border rounded transition-all duration-500 ease-in-out">

BIN
info.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 12 KiB

3
src/circle-info.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="white" viewBox="0 0 512 512">
<path d="M 256 512 Q 326 511 384 478 L 384 478 L 384 478 Q 442 444 478 384 Q 512 323 512 256 Q 512 189 478 128 Q 442 68 384 34 Q 326 1 256 0 Q 186 1 128 34 Q 70 68 34 128 Q 0 189 0 256 Q 0 323 34 384 Q 70 444 128 478 Q 186 511 256 512 L 256 512 Z M 216 336 L 240 336 L 216 336 L 240 336 L 240 272 L 240 272 L 216 272 L 216 272 Q 194 270 192 248 Q 194 226 216 224 L 264 224 L 264 224 Q 286 226 288 248 L 288 336 L 288 336 L 296 336 L 296 336 Q 318 338 320 360 Q 318 382 296 384 L 216 384 L 216 384 Q 194 382 192 360 Q 194 338 216 336 L 216 336 Z M 256 128 Q 270 128 279 137 L 279 137 L 279 137 Q 288 146 288 160 Q 288 174 279 183 Q 270 192 256 192 Q 242 192 233 183 Q 224 174 224 160 Q 224 146 233 137 Q 242 128 256 128 L 256 128 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 833 B