12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- .textAideInputPopover {
- .ant-popover-inner-content {
- padding: 0;
- cursor: pointer;
- }
- .crt {
- display: inline-flex;
- align-items: center;
- width: auto;
- margin-left: 8px;
- padding: 1px 4px;
- height: 16px;
- border-radius: 3px;
- font-size: 12px;
- color: #fff;
- border: 1px solid #1890ff;
- background-color: #1890ff;
- line-height: normal;
- }
- }
- .emoji {
- .ant-popover-inner-content {
- padding: 2px 0px;
- }
- }
- .emoji-list-scroll {
- width: 348px;
- height: 96px;
- margin: 7px;
- box-sizing: border-box;
- overflow-x: hidden;
- overflow-y: auto;
- scrollbar-width: thin;
- }
- .emoji-list {
- display: grid;
- grid-template-columns: repeat(10, 32px);
- margin-block-start: 0;
- margin-block-end: 0;
- padding-inline-start: 0;
- >li {
- height: 32px;
- border-radius: 6px;
- &:hover {
- background: #f2f4f7;
- }
- }
- img {
- padding: 4px;
- max-width: 32px;
- max-height: 32px;
- cursor: pointer;
- vertical-align: middle;
- image-rendering: -webkit-optimize-contrast;
- }
- }
- .InputGroup {
- display: flex;
- border: 1px solid #d9d9d9;
- border-radius: 8px;
- .emojiBtn {
- height: 32px;
- padding: 0 10px;
- display: flex;
- align-items: center;
- cursor: pointer;
- border-left: 1px solid #d9d9d9;
- &:hover {
- color: #1890ff;
- }
- }
- }
|