Add modification after review

This commit is contained in:
shidorien
2024-01-07 17:21:08 +01:00
parent e071d792ad
commit 6e2dfa26b7
3 changed files with 8 additions and 8 deletions
@@ -56,7 +56,7 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
const renderDurationLabel = (sec: number): JSX.Element => {
const textValue = (() => {
if (sec === MIN_DURATION) {
return "0";
return MIN_DURATION;
}
if (sec === MAX_DURATION) {
return "∞";
@@ -72,7 +72,7 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
const renderNpsLabel = (nps: number): JSX.Element => {
const textValue = (() => {
if (nps === MIN_NPS) {
return "0"
return MIN_NPS;
}
if (nps === MAX_NPS) {
return "∞";
@@ -170,8 +170,8 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
<div className="w-full h-6 grid grid-cols-2 gap-x-12 px-4 mb-6 pt-1">
<BsmRange min={MIN_NPS} max={MAX_NPS} values={npss} onChange={onNpssChange} renderLabel={renderNpsLabel} step={0.1} />
<BsmRange min={MIN_DURATION} max={MAX_DURATION} values={durations} onChange={onDurationsChange} renderLabel={renderDurationLabel} step={5} />
<span className=" text-sm font-bold text-center mt-[10px]">{t("maps.map-filter-panel.nps")}</span>
<span className=" text-sm font-bold text-center mt-[10px]">{t("maps.map-filter-panel.duration")}</span>
<span className=" text-sm font-bold text-center mt-2.5">{t("maps.map-filter-panel.nps")}</span>
<span className=" text-sm font-bold text-center mt-2.5">{t("maps.map-filter-panel.duration")}</span>
</div>
<div className="w-full h-full flex gap-x-2">
<section className="shrink-0">
@@ -246,7 +246,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
<div className="flex flex-col justify-center items-center gap-1 w-full h-full overflow-hidden opacity-0 group-hover:opacity-100">
{onDelete && !downloading && (
<Tippy content={t("maps.map-item.delete")} placement="left" className="!bg-main-color-1" theme="default">
<Tippy content={t("maps.map-item.delete")} placement="left" theme="default">
<div>
<BsmButton
className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
@@ -263,7 +263,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
</Tippy>
)}
{onDownload && !downloading && (
<Tippy content={t("maps.map-item.download")} placement="left" className="!bg-main-color-1" theme="default">
<Tippy content={t("maps.map-item.download")} placement="left" theme="default">
<div>
<BsmButton
className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
@@ -321,7 +321,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
</Tippy>
)}
{mapId && (
<Tippy content={t("maps.map-item.bsr-code")} placement="left" className="!bg-main-color-1" theme="default">
<Tippy content={t("maps.map-item.bsr-code")} placement="left" theme="default">
<div>
<BsmButton
className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
+1 -1
View File
@@ -80,7 +80,7 @@
.tippy-box[data-theme~='default'] {
@apply !bg-neutral-900;
color: #fff;
@apply !text-white;
}
.tippy-box[data-theme~='default'][data-placement^='top'] > .tippy-arrow::before {