lostecho/everyone-can-use-english
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: font display problem. (#252)

Browse Source 
* fix: font display problem.

* Revert "fix: font display problem."

This reverts commit c20bbf8ce508ad0e256166714da2668ad01d6ad8.

* fix: change icon font color

* fix: icon font color.

---------

Co-authored-by: lixiancan <lixc.percy@gmail.com>
This commit is contained in:
Percy Lee
2024-02-05 21:08:00 +08:00
committed by GitHub
parent d278a48d2f
commit de713caa9e
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
enjoy/src/renderer/components/medias/media-player-controls.tsx
View File

@@ -82,15 +82,15 @@ export const MediaPlayerControls = (props: {
<div className="w-full flex items-center justify-center space-x-1 relative">
{
onPrev && (
<Button
variant="ghost"
onClick={onPrev}
data-tooltip-id="media-player-controls-tooltip"
data-tooltip-content={t("playPreviousSegment")}
className="aspect-square p-0 h-10"
>
<SkipBackIcon className="w-6 h-6" />
</Button>
<Button
variant="ghost"
onClick={onPrev}
data-tooltip-id="media-player-controls-tooltip"
data-tooltip-content={t("playPreviousSegment")}
className="aspect-square p-0 h-10"
>
<SkipBackIcon className="w-6 h-6" />
</Button>
)
}
@@ -118,15 +118,15 @@ export const MediaPlayerControls = (props: {
{
onNext && (
<Button
variant="ghost"
onClick={onNext}
data-tooltip-id="media-player-controls-tooltip"
data-tooltip-content={t("playNextSegment")}
className="aspect-square p-0 h-10"
>
<SkipForwardIcon className="w-6 h-6" />
</Button>
<Button
variant="ghost"
onClick={onNext}
data-tooltip-id="media-player-controls-tooltip"
data-tooltip-content={t("playNextSegment")}
className="aspect-square p-0 h-10"
>
<SkipForwardIcon className="w-6 h-6" />
</Button>
)
}
@@ -174,8 +174,8 @@ export const MediaPlayerControls = (props: {
>
<GaugeIcon className="w-6 h-6" />
{playbackRate != 1.0 && (
<span className="absolute left-[0.9rem] bottom-0 text-[0.70rem] text-white">
{playbackRate.toFixed(2)}
<span className="absolute left-[1.25rem] top-6 text-[0.6rem] font-bold text-gray-400">
{playbackRate.toFixed(1)}
</span>
)}
</Button>