Web: Components: added new icons for viewer, remove old icons
This commit is contained in:
parent
47e5b8a4d7
commit
624428c262
@ -3,7 +3,7 @@ import * as ReactDOM from "react-dom";
|
||||
import {
|
||||
StyledViewer,
|
||||
StyledViewerContainer,
|
||||
StyledNextToolbar,
|
||||
StyledSwitchToolbar,
|
||||
StyledButtonScroll,
|
||||
} from "./styled-viewer";
|
||||
import ControlBtn from "./sub-components/control-btn";
|
||||
@ -12,8 +12,8 @@ import IconButton from "@docspace/components/icon-button";
|
||||
|
||||
import { isMobileOnly } from "react-device-detect";
|
||||
|
||||
import MediaNextIcon from "../../../public/images/media.view.react.svg";
|
||||
import MediaPrevIcon from "../../../public/images/media.viewer.prev.react.svg";
|
||||
import MediaNextIcon from "../../../public/images/viewer.next.react.svg";
|
||||
import MediaPrevIcon from "../../../public/images/viewer.prew.react.svg";
|
||||
import ViewerPlayer from "./sub-components/viewer-player";
|
||||
|
||||
import MediaContextMenu from "../../../public/images/vertical-dots.react.svg";
|
||||
@ -172,19 +172,19 @@ export const Viewer = (props) => {
|
||||
{playlist.length > 1 && !isFullscreen && displayUI && (
|
||||
<>
|
||||
{playlistPos !== 0 && (
|
||||
<StyledNextToolbar left onClick={onPrevClick}>
|
||||
<StyledSwitchToolbar left onClick={onPrevClick}>
|
||||
<StyledButtonScroll orientation="left">
|
||||
<MediaPrevIcon />
|
||||
</StyledButtonScroll>
|
||||
</StyledNextToolbar>
|
||||
</StyledSwitchToolbar>
|
||||
)}
|
||||
{playlistPos < playlist.length - 1 && (
|
||||
<>
|
||||
<StyledNextToolbar onClick={onNextClick}>
|
||||
<StyledSwitchToolbar onClick={onNextClick}>
|
||||
<StyledButtonScroll orientation="right">
|
||||
<MediaNextIcon />
|
||||
</StyledButtonScroll>
|
||||
</StyledNextToolbar>
|
||||
</StyledSwitchToolbar>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
|
17
public/images/viewer.next.react.svg
Normal file
17
public/images/viewer.next.react.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg width="48" height="68" viewBox="0 0 48 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_34536_416913)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6921 34L13 14.1477L14.1694 13L35 34L14.1694 55L13 53.8523L32.6921 34Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_34536_416913" x="0" y="0" width="48" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="6.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_34536_416913"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_34536_416913" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
After Width: | Height: | Size: 991 B |
17
public/images/viewer.prew.react.svg
Normal file
17
public/images/viewer.prew.react.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg width="48" height="68" viewBox="0 0 48 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_34536_416915)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3079 34L35 14.1477L33.8306 13L13 34L33.8306 55L35 53.8523L15.3079 34Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_34536_416915" x="0" y="0" width="48" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="6.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_34536_416915"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_34536_416915" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
After Width: | Height: | Size: 991 B |
@ -1,17 +0,0 @@
|
||||
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_7279_16500)">
|
||||
<path d="M6 32L19 19L6 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_7279_16500" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_16500"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_16500" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
Before Width: | Height: | Size: 976 B |
@ -1,17 +0,0 @@
|
||||
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_7279_2868)">
|
||||
<path d="M19 32L6 19L19 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_7279_2868" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_2868"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_2868" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
Before Width: | Height: | Size: 973 B |
Loading…
Reference in New Issue
Block a user