Skip to content

Commit b7b12c0

Browse files
🎨 style: Update Floating component with dedicated CSS module
- Integrated `Floating.module.css` for enhanced style management. - Exported `PauseIcon` for potential reuse across the application. - Applied modular CSS class to improve the floating component's appearance and consistency.
1 parent 424f4b6 commit b7b12c0

1 file changed

Lines changed: 3 additions & 2 deletions

File tree

‎apps/desktop/src/components/Floating.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { useEffect, useState } from "react";
2+
import styles from '../styles/Floating.module.css';
23

34
const DragIcon: React.FC = () => {
45
return (
@@ -24,7 +25,7 @@ const DragIcon: React.FC = () => {
2425
);
2526
};
2627

27-
const PauseIcon: React.FC = () => {
28+
export const PauseIcon: React.FC = () => {
2829
return (
2930
<svg
3031
xmlns="http://www.w3.org/2000/svg"
@@ -87,7 +88,7 @@ export const Floating = () => {
8788
justifyContent: "center",
8889
alignItems: "center",
8990
}}
90-
className="m-0 p-0 bg-white dark:bg-gray-800 overflow-hidden"
91+
className={`${styles.draggableArea} m-0 p-0 bg-white dark:bg-gray-800 overflow-hidden`}
9192
>
9293
<div className="divide-y divide-gray-300 dark:divide-gray-600 rounded-md shadow-md md:flex md:divide-y-0 bg-gray-50 dark:bg-gray-700">
9394
<button

0 commit comments

Comments
 (0)