julian/chrom-tool
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix refresh icon

Browse Source
This commit is contained in:
Julian Freeman
2026-04-16 18:27:15 -04:00
parent 6cf4e6b56f
commit 076b3a273f
1 changed files with 13 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/sidebar/AppSidebar.vue
View File

@@ -25,7 +25,16 @@ const emit = defineEmits<{
<h1>Browser Assistant</h1> <h1>Browser Assistant</h1>
</div> </div>
<button class="refresh-icon-button" type="button" @click="emit('refresh')"> <button class="refresh-icon-button" type="button" @click="emit('refresh')">
<span class="refresh-icon" aria-hidden="true"></span> <svg class="refresh-icon" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M20 11a8 8 0 1 0-2.34 5.66M20 4v7h-7"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
<span class="sr-only">{{ loading || configsLoading ? "Refreshing..." : "Refresh" }}</span> <span class="sr-only">{{ loading || configsLoading ? "Refreshing..." : "Refresh" }}</span>
</button> </button>
</div> </div>
@@ -129,25 +138,9 @@ const emit = defineEmits<{
} }
.refresh-icon { .refresh-icon {
width: 14px; width: 16px;
height: 14px; height: 16px;
border: 1.9px solid #334155; color: #334155;
border-left-color: transparent;
position: relative;
border-radius: 50%;
transform: rotate(-22deg);
}
.refresh-icon::after {
content: "";
position: absolute;
top: -1px;
right: -2px;
width: 5px;
height: 5px;
border-top: 1.9px solid #334155;
border-right: 1.9px solid #334155;
transform: rotate(0deg);
} }
.sr-only { .sr-only {