Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-26 09:11:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move css into styles folder

Browse Source
This commit is contained in:
Nicola Benaglia 2025-05-18 19:26:36 +02:00
parent 7a076a9f1f
commit 6723aadf8b
2 changed files with 1 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/ReactionPicker.css
View File

@ -1,26 +0,0 @@
.reaction-container {
position: relative; /* Parent must be positioned relatively */
}
.emoji-picker {
position: absolute; /* Picker positioned absolutely relative to the parent */
right: 0;
z-index: 9000000000; /* Ensure picker appears above other content */
}
.message-container {
overflow: visible; /* Ensure the message container doesn't cut off the picker */
}
.reaction-container {
position: relative;
}
.emoji-picker {
overflow: hidden;
width: auto;
}
.EmojiPickerReact.epr-dark-theme {
--epr-emoji-size: 18px; /* Adjust emoji size for dark mode */
}

2
src/components/ReactionPicker.tsx
View File

@ -1,7 +1,7 @@
import { useState, useRef, useEffect } from 'react';
import ReactDOM from 'react-dom';
import Picker, { EmojiStyle, Theme } from 'emoji-picker-react';
import './ReactionPicker.css';
import '../styles/ReactionPicker.css';
import { ButtonBase } from '@mui/material';
export const ReactionPicker = ({ onReaction }) => {