diff --git a/src/app/darmasaba/_com/FixedPlayerBar.tsx b/src/app/darmasaba/_com/FixedPlayerBar.tsx index a9ae76d1..96437871 100644 --- a/src/app/darmasaba/_com/FixedPlayerBar.tsx +++ b/src/app/darmasaba/_com/FixedPlayerBar.tsx @@ -3,6 +3,7 @@ import { ActionIcon, Avatar, Box, + Button, Flex, Group, Paper, @@ -85,29 +86,32 @@ export default function FixedPlayerBar() { return ( <> {/* Floating Music Icon - Shows when player is minimized */} - { - e.currentTarget.style.transform = 'scale(1.1)'; + e.currentTarget.style.transform = 'translateY(-50%) scale(1.1)'; }} onMouseLeave={(e) => { - e.currentTarget.style.transform = 'scale(1)'; + e.currentTarget.style.transform = 'translateY(-50%)'; }} > - + {/* Spacer to prevent content from being hidden behind player */} diff --git a/src/app/darmasaba/_com/NewsReaderalanding.tsx b/src/app/darmasaba/_com/NewsReaderalanding.tsx index a4a1755f..d56125f4 100644 --- a/src/app/darmasaba/_com/NewsReaderalanding.tsx +++ b/src/app/darmasaba/_com/NewsReaderalanding.tsx @@ -1,6 +1,6 @@ 'use client'; import { Button } from '@mantine/core'; -import { IconMusic, IconMusicOff } from '@tabler/icons-react'; +import { IconDisabled, IconDisabledOff } from '@tabler/icons-react'; import { useEffect, useRef, useState } from 'react'; const NewsReaderLanding = () => { @@ -95,15 +95,17 @@ const NewsReaderLanding = () => { mt="md" style={{ position: 'fixed', - bottom: '350px', + top: '50%', // Menempatkan titik atas ikon di tengah layar left: '0px', + transform: 'translateY(80%)', // Menggeser ikon ke atas sebesar setengah tingginya sendiri agar benar-benar di tengah borderBottomRightRadius: '20px', borderTopRightRadius: '20px', - transition: 'all 0.3s ease', + cursor: 'pointer', + transition: 'transform 0.2s', zIndex: 1 }} > - {isPointerMode ? : } + {isPointerMode ? : } ); }; diff --git a/src/app/darmasaba/_com/main-page/apbdes/lib/grafikRealisasi.tsx b/src/app/darmasaba/_com/main-page/apbdes/lib/grafikRealisasi.tsx index 4d73d0e2..26d5798a 100644 --- a/src/app/darmasaba/_com/main-page/apbdes/lib/grafikRealisasi.tsx +++ b/src/app/darmasaba/_com/main-page/apbdes/lib/grafikRealisasi.tsx @@ -113,7 +113,7 @@ export default function GrafikRealisasi({ apbdesData }: any) { - {/* Summary Total Keseluruhan */} + {/* Summary Total Keseluruhan <> @@ -132,7 +132,7 @@ export default function GrafikRealisasi({ apbdesData }: any) { color={persenSemua >= 100 ? 'teal' : persenSemua >= 80 ? 'blue' : 'red'} /> - + */} ); } \ No newline at end of file