RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Improve style

Browse Source
This commit is contained in:
SrGooglo 2023-05-09 22:56:50 +00:00
parent 7565dac7d6
commit 57aec3fd36
2 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app/src/components/Searcher/index.jsx
View File

@ -68,8 +68,11 @@ const Results = (props) => {
}
return <div className="category" id={type}>
<h3>{createIconRender(decorator.icon)}{decorator.label}</h3>
<div className="suggestions">
<span>
<span className="icon">{createIconRender(decorator.icon)}</span>
<span className="label">{decorator.label}</span>
</span>
{
results[type].map((item) => {
return React.createElement(ResultRenders[type], { item, onClick: (...props) => handleOnClick(type, ...props) })

28
packages/app/src/components/Searcher/index.less
View File

@ -1,4 +1,6 @@
.searcher {
position: relative;
display: flex;
flex-direction: column;
@ -7,6 +9,8 @@
transition: all 0.3s ease-in-out;
gap: 20px;
.ant-input-affix-wrapper {
border: 0;
padding: 0;
@ -34,6 +38,8 @@
}
.results {
position: relative;
display: flex;
flex-direction: column;
@ -43,37 +49,33 @@
width: 100%;
padding: 10px;
margin-top: 20px;
background-color: var(--background-color-primary);
border-radius: 8px;
gap: 10px;
.category {
h3 {
font-size: 1rem;
font-weight: 600;
}
width: 100%;
margin-bottom: 20px;
h3 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 10px;
}
gap: 10px;
.suggestions {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 90%;
margin: auto;
gap: 10px;
.suggestion {
width: 100%;
margin-bottom: 10px;
padding: 10px;
border-radius: 8px;