feat: use new mingcute icons

This commit is contained in:
DIYgod 2023-04-29 00:24:05 +01:00
parent d28faae2f9
commit 38d2a4c00a
No known key found for this signature in database
4 changed files with 6 additions and 26 deletions

View File

@ -47,16 +47,14 @@ export const PublishButton: React.FC<{
{published && (
<Button
isAutoWidth
style={{ padding: "0 5px" }}
style={{ padding: "0 8px" }}
onClick={() => {
setShowDropdown(!showDropdown)
}}
ref={triggerRef}
isDisabled={isSaving}
>
<svg className="w-7 h-7" viewBox="0 0 24 24">
<path fill="currentColor" d="m7 10l5 5l5-5z"></path>
</svg>
<i className="i-mingcute:down-line" />
</Button>
)}
</ButtonGroup>

View File

@ -1,17 +1,9 @@
import { SVGProps, useEffect, useState } from "react"
import { useEffect, useState } from "react"
import { throttle } from "~/lib/utils"
import { FABBase } from "../ui/FAB"
function BxBxsArrowToTop(props: SVGProps<SVGSVGElement>) {
return (
<svg width="1em" height="1em" viewBox="0 0 24 24" {...props}>
<path d="M6 4h12v2H6zm5 10v6h2v-6h5l-6-6l-6 6z" fill="currentColor" />
</svg>
)
}
const isShouldShow = () =>
document.documentElement.scrollTop > document.documentElement.clientHeight
@ -39,7 +31,7 @@ export const BackToTopFAB: React.FC<{}> = () => {
})
}}
>
<BxBxsArrowToTop />
<i className="i-mingcute:arow-to-up-line"></i>
</FABBase>
)
}

View File

@ -46,12 +46,7 @@ const SortableNavigationItem: React.FC<{
type="button"
className="drag-handle cursor-grab -mt-1 text-zinc-400 rounded-lg h-8 w-6 flex items-center justify-center hover:text-zinc-800 hover:bg-zinc-200"
>
<svg className="w-5 h-8" viewBox="0 0 24 24">
<path
fill="currentColor"
d="M9 20q-.825 0-1.412-.587Q7 18.825 7 18q0-.825.588-1.413Q8.175 16 9 16t1.413.587Q11 17.175 11 18q0 .825-.587 1.413Q9.825 20 9 20Zm0-6q-.825 0-1.412-.588Q7 12.825 7 12t.588-1.413Q8.175 10 9 10t1.413.587Q11 11.175 11 12q0 .825-.587 1.412Q9.825 14 9 14Zm0-6q-.825 0-1.412-.588Q7 6.825 7 6t.588-1.412Q8.175 4 9 4t1.413.588Q11 5.175 11 6t-.587 1.412Q9.825 8 9 8Zm6 0q-.825 0-1.412-.588Q13 6.825 13 6t.588-1.412Q14.175 4 15 4t1.413.588Q17 5.175 17 6t-.587 1.412Q15.825 8 15 8Zm0 6q-.825 0-1.412-.588Q13 12.825 13 12t.588-1.413Q14.175 10 15 10t1.413.587Q17 11.175 17 12q0 .825-.587 1.412Q15.825 14 15 14Zm0 6q-.825 0-1.412-.587Q13 18.825 13 18q0-.825.588-1.413Q14.175 16 15 16t1.413.587Q17 17.175 17 18q0 .825-.587 1.413Q15.825 20 15 20Z"
></path>
</svg>
<i className="i-mingcute:dot-grid-fill" />
</button>
</div>
<Input

View File

@ -52,12 +52,7 @@ const SortableNavigationItem: React.FC<{
type="button"
className="drag-handle cursor-grab -mt-1 text-zinc-400 rounded-lg h-8 w-6 flex items-center justify-center hover:text-zinc-800 hover:bg-zinc-200"
>
<svg className="w-5 h-8" viewBox="0 0 24 24">
<path
fill="currentColor"
d="M9 20q-.825 0-1.412-.587Q7 18.825 7 18q0-.825.588-1.413Q8.175 16 9 16t1.413.587Q11 17.175 11 18q0 .825-.587 1.413Q9.825 20 9 20Zm0-6q-.825 0-1.412-.588Q7 12.825 7 12t.588-1.413Q8.175 10 9 10t1.413.587Q11 11.175 11 12q0 .825-.587 1.412Q9.825 14 9 14Zm0-6q-.825 0-1.412-.588Q7 6.825 7 6t.588-1.412Q8.175 4 9 4t1.413.588Q11 5.175 11 6t-.587 1.412Q9.825 8 9 8Zm6 0q-.825 0-1.412-.588Q13 6.825 13 6t.588-1.412Q14.175 4 15 4t1.413.588Q17 5.175 17 6t-.587 1.412Q15.825 8 15 8Zm0 6q-.825 0-1.412-.588Q13 12.825 13 12t.588-1.413Q14.175 10 15 10t1.413.587Q17 11.175 17 12q0 .825-.587 1.412Q15.825 14 15 14Zm0 6q-.825 0-1.412-.587Q13 18.825 13 18q0-.825.588-1.413Q14.175 16 15 16t1.413.587Q17 17.175 17 18q0 .825-.587 1.413Q15.825 20 15 20Z"
></path>
</svg>
<i className="i-mingcute:dot-grid-fill" />
</button>
</div>
<Input