fix: material icons font file (#8366)
This commit is contained in:
parent
8b0a8160a1
commit
b906d42e1d
4 changed files with 14 additions and 4 deletions
|
|
@ -177,6 +177,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
|
||||||
{isProjectPublished && (
|
{isProjectPublished && (
|
||||||
<Button
|
<Button
|
||||||
variant="error-fill"
|
variant="error-fill"
|
||||||
|
size="lg"
|
||||||
onClick={() => handleUnPublishProject(watch("id") ?? "")}
|
onClick={() => handleUnPublishProject(watch("id") ?? "")}
|
||||||
loading={isUnPublishing}
|
loading={isUnPublishing}
|
||||||
>
|
>
|
||||||
|
|
@ -197,7 +198,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
|
||||||
<div className="px-5 space-y-4">
|
<div className="px-5 space-y-4">
|
||||||
{isProjectPublished && projectPublishSettings && (
|
{isProjectPublished && projectPublishSettings && (
|
||||||
<>
|
<>
|
||||||
<div className="bg-layer-1 border border-strong rounded-md py-1.5 pl-4 pr-1 flex items-center justify-between gap-2">
|
<div className="border border-strong rounded-md py-1.5 pl-4 pr-1 flex items-center justify-between gap-2">
|
||||||
<a
|
<a
|
||||||
href={publishLink}
|
href={publishLink}
|
||||||
className="text-13 text-secondary truncate"
|
className="text-13 text-secondary truncate"
|
||||||
|
|
@ -209,7 +210,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
|
||||||
<div className="flex-shrink-0 flex items-center gap-1">
|
<div className="flex-shrink-0 flex items-center gap-1">
|
||||||
<a
|
<a
|
||||||
href={publishLink}
|
href={publishLink}
|
||||||
className="size-8 grid place-items-center bg-surface-2 hover:bg-surface-1 rounded-sm"
|
className="size-8 grid place-items-center bg-layer-3 hover:bg-layer-3-hover rounded-sm"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
|
|
@ -217,7 +218,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props:
|
||||||
</a>
|
</a>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="h-8 bg-surface-2 hover:bg-surface-1 rounded-sm text-11 font-medium py-2 px-3"
|
className="h-8 bg-layer-3 hover:bg-layer-3-hover rounded-sm text-11 font-medium py-2 px-3"
|
||||||
onClick={handleCopyLink}
|
onClick={handleCopyLink}
|
||||||
>
|
>
|
||||||
Copy link
|
Copy link
|
||||||
|
|
|
||||||
1
packages/tailwind-config/fonts/LICENSE.txt
Normal file
1
packages/tailwind-config/fonts/LICENSE.txt
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
MaterialSymbolsRounded[FILL,GRAD,opsz,wght].ttf: Copyright 2022, 2022 Google LLC. All Rights Reserved.
|
||||||
Binary file not shown.
|
|
@ -11,7 +11,6 @@
|
||||||
@import "@fontsource/ibm-plex-mono/500.css";
|
@import "@fontsource/ibm-plex-mono/500.css";
|
||||||
@import "@fontsource/ibm-plex-mono/600.css";
|
@import "@fontsource/ibm-plex-mono/600.css";
|
||||||
@import "@fontsource/ibm-plex-mono/700.css";
|
@import "@fontsource/ibm-plex-mono/700.css";
|
||||||
@import "@fontsource/material-symbols-rounded/400.css";
|
|
||||||
|
|
||||||
@custom-variant dark (&:where([data-theme*="dark"], [data-theme*="dark"] *));
|
@custom-variant dark (&:where([data-theme*="dark"], [data-theme*="dark"] *));
|
||||||
@custom-variant dark-high-contrast (&:where([data-theme="dark-contrast"], [data-theme="dark-contrast"] *));
|
@custom-variant dark-high-contrast (&:where([data-theme="dark-contrast"], [data-theme="dark-contrast"] *));
|
||||||
|
|
@ -1152,6 +1151,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* material-symbols-rounded-regular - latin */
|
||||||
|
@font-face {
|
||||||
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||||
|
font-family: "Material Symbols Rounded";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url("./fonts/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||||
|
}
|
||||||
|
|
||||||
@utility material-symbols-rounded {
|
@utility material-symbols-rounded {
|
||||||
font-family: "Material Symbols Rounded";
|
font-family: "Material Symbols Rounded";
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue