A very simple bookmarking webapp bookmarker.finxol.deno.net/

fix: refresh button spins when it's loading

finxol.io 047fea39 ed5839ec

verified
+14 -6
+11 -5
src/routes/index.css
··· 10 10 align-items: center; 11 11 margin-block: calc(var(--spacing) * 3); 12 12 13 - h1 { 14 - font-size: 1.5rem; 15 - font-weight: 700; 16 - } 17 - 18 13 & > div { 19 14 display: flex; 20 15 justify-content: space-between; 21 16 align-items: center; 22 17 gap: calc(var(--spacing)); 18 + 19 + h1 { 20 + font-size: 1.5rem; 21 + font-weight: 700; 22 + } 23 + 24 + button span { 25 + display: flex; 26 + align-items: center; 27 + justify-content: center; 28 + } 23 29 } 24 30 25 31 a.new-bookmark {
+3 -1
src/routes/index.tsx
··· 78 78 })} 79 79 class="button-ghost" 80 80 > 81 - <RefreshCwIcon size={18} /> 81 + <span class={query.isPending ? "spinner" : ""}> 82 + <RefreshCwIcon size={18} /> 83 + </span> 82 84 </button> 83 85 </div> 84 86 <Link to="/new" class="button new-bookmark">