From 6e3871cd5a1a64e3ed2bbeb054dc4731a981f9eb Mon Sep 17 00:00:00 2001 From: Untone Date: Tue, 24 Sep 2024 12:38:53 +0300 Subject: [PATCH] link-fix1 --- .../TopicSelect/TopicSelect.module.scss | 40 +++++++++++++++++++ src/components/Views/Feed/Feed.tsx | 2 +- 2 files changed, 41 insertions(+), 1 deletion(-) diff --git a/src/components/Editor/TopicSelect/TopicSelect.module.scss b/src/components/Editor/TopicSelect/TopicSelect.module.scss index cbbdc062..1639d5c9 100644 --- a/src/components/Editor/TopicSelect/TopicSelect.module.scss +++ b/src/components/Editor/TopicSelect/TopicSelect.module.scss @@ -31,3 +31,43 @@ .TopicSelect .solid-select-option[data-disabled='true'] { display: none; } + +.selectedTopics { + display: flex; + flex-wrap: wrap; +} + +.selectedTopic { + background-color: #f0f0f0; + margin: 4px; + padding: 6px; + border-radius: 4px; +} + +.selectWrapper { + display: inline-block; + cursor: pointer; +} + +.searchInput { + width: 100%; + padding: 8px; + border: 1px solid #ddd; + border-radius: 4px; +} + +.options { + margin-top: 10px; + background-color: white; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.option { + padding: 10px; + cursor: pointer; +} + +.disabled { + color: gray; + pointer-events: none; +} diff --git a/src/components/Views/Feed/Feed.tsx b/src/components/Views/Feed/Feed.tsx index 3fc889db..3c05557d 100644 --- a/src/components/Views/Feed/Feed.tsx +++ b/src/components/Views/Feed/Feed.tsx @@ -215,7 +215,7 @@ export const FeedView = (props: FeedProps) => {