diff --git a/web/chat/chat-input-bar.css b/web/chat/chat-input-bar.css index 6a21cb9f4..827214de6 100644 --- a/web/chat/chat-input-bar.css +++ b/web/chat/chat-input-bar.css @@ -1,85 +1,85 @@ div.inputBar { display: flex; flex-direction: column; border-top: 1px solid var(--border-color); } div.inputBarWrapper { padding: 16px; display: flex; flex-direction: row; align-items: center; } div.inputBarTextInput { display: flex; background: var(--text-input-bg); - border-radius: 4px; + border-radius: 8px; padding: 8px; align-items: center; flex-grow: 1; } div.inputBarTextInput > textarea { flex: 1; display: flex; border: none; resize: none; background: var(--text-input-bg); color: var(--fg); } div.inputBarTextInput > textarea:focus { outline: none; } div.joinButtonContainer { background: var(--join-bg); padding-top: 8px; padding-bottom: 8px; display: flex; flex-direction: row; width: 100%; justify-content: center; } p.joinButtonText { font-weight: var(--semi-bold); padding-left: 8px; } span.explanation { color: var(--permission-color); text-align: center; padding-top: 20px; padding-bottom: 8px; } a.multimediaUpload { cursor: pointer; position: relative; padding-right: 12px; } a.multimediaUpload > input[type='file'] { visibility: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; } a.multimediaUpload:hover > svg { opacity: 0.8; } div.previews { display: flex; overflow-x: auto; white-space: nowrap; } div.previews > span.multimedia { margin: 10px; } div.previews > span.multimedia > span.multimediaImage > img { max-height: 200px; max-width: 200px; } a.sendButton { padding: 8px 0 0 10px; cursor: pointer; } diff --git a/web/components/search.css b/web/components/search.css index bb3ebff03..5b3ca8f68 100644 --- a/web/components/search.css +++ b/web/components/search.css @@ -1,41 +1,41 @@ div.searchContainer { background-color: var(--text-input-bg); display: flex; align-items: center; margin: 1rem; - border-radius: 16px; + border-radius: 8px; padding: 8px; } div.searchIcon { display: flex; color: var(--search-icon-color); } input.searchInput, #searchInputID { background-color: transparent; font-size: var(--m-font-16); line-height: 1.5; padding: 4px 12px; flex: 1; border: none; color: var(--search-input-color); outline: none; } input.searchInput::placeholder { color: var(--search-input-placeholder); } button.clearSearch { color: var(--search-clear-color); transition: ease-in-out 0.15s; background: var(--search-clear-bg); border-radius: 50%; padding: 6px; } button.clearSearchDisabled { opacity: 0; }