mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-06-06 00:16:58 +00:00
Move css into styles folder
This commit is contained in:
parent
7a076a9f1f
commit
6723aadf8b
@ -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 */
|
||||
}
|
@ -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 }) => {
|
||||
|
Loading…
x
Reference in New Issue
Block a user