Browse Source

Small update with icons

Use tailwind to define stroke styles.
pull/1/head
TheoryOfNekomata 1 year ago
parent
commit
cbb5c5b47f
3 changed files with 12 additions and 12 deletions
  1. +2
    -6
      packages/web-kitchensink-reactnext/src/categories/blob/react/components/AudioFilePreview/index.tsx
  2. +2
    -6
      packages/web-kitchensink-reactnext/src/categories/blob/react/components/VideoFilePreview/index.tsx
  3. +8
    -0
      packages/web-kitchensink-reactnext/src/styles/globals.css

+ 2
- 6
packages/web-kitchensink-reactnext/src/categories/blob/react/components/AudioFilePreview/index.tsx View File

@@ -212,9 +212,7 @@ export const AudioFilePreview = React.forwardRef<AudioFilePreviewDerivedComponen
<svg
aria-label="Pause"
viewBox="0 0 24 24"
className="w-6 h-6 fill-none stroke-current stroke-2"
strokeLinecap="round"
strokeLinejoin="round"
className="w-6 h-6 fill-none stroke-current stroke-2 linecap-round linejoin-round"
>
<rect
x="6"
@@ -234,9 +232,7 @@ export const AudioFilePreview = React.forwardRef<AudioFilePreviewDerivedComponen
<svg
aria-label="Play"
viewBox="0 0 24 24"
className="w-6 h-6 fill-none stroke-current stroke-2"
strokeLinecap="round"
strokeLinejoin="round"
className="w-6 h-6 fill-none stroke-current stroke-2 linecap-round linejoin-round"
>
<polygon points="5 3 19 12 5 21 5 3" />
</svg>


+ 2
- 6
packages/web-kitchensink-reactnext/src/categories/blob/react/components/VideoFilePreview/index.tsx View File

@@ -128,9 +128,7 @@ export const VideoFilePreview = React.forwardRef<VideoFilePreviewDerivedComponen
<svg
aria-label="Pause"
viewBox="0 0 24 24"
className="w-6 h-6 fill-none stroke-current stroke-2"
strokeLinecap="round"
strokeLinejoin="round"
className="w-6 h-6 fill-none stroke-current stroke-2 linecap-round linejoin-round"
>
<rect
x="6"
@@ -150,9 +148,7 @@ export const VideoFilePreview = React.forwardRef<VideoFilePreviewDerivedComponen
<svg
aria-label="Play"
viewBox="0 0 24 24"
className="w-6 h-6 fill-none stroke-current stroke-2"
strokeLinecap="round"
strokeLinejoin="round"
className="w-6 h-6 fill-none stroke-current stroke-2 linecap-round linejoin-round"
>
<polygon points="5 3 19 12 5 21 5 3" />
</svg>


+ 8
- 0
packages/web-kitchensink-reactnext/src/styles/globals.css View File

@@ -17,6 +17,14 @@
.font-semi-expanded {
font-stretch: semi-expanded;
}

.linejoin-round {
stroke-linejoin: round;
}

.linecap-round {
stroke-linecap: round;
}
}

.slider {


Loading…
Cancel
Save