diff options
| author | Nidboj132 <28981031+Nidboj132@users.noreply.github.com> | 2023-09-22 22:56:11 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-22 22:56:11 +0200 |
| commit | 93e2c912b50e5a8a5dc4048568cafdfed606e93e (patch) | |
| tree | 0b5f3e805120e9f98aa509d39c1c04ef78bc5e95 /frontend/src/components/sidebar.css | |
| parent | docs: update search response (#77) (diff) | |
| download | lphub-93e2c912b50e5a8a5dc4048568cafdfed606e93e.tar.gz lphub-93e2c912b50e5a8a5dc4048568cafdfed606e93e.tar.bz2 lphub-93e2c912b50e5a8a5dc4048568cafdfed606e93e.zip | |
feat: map search (#78)
Former-commit-id: 660e8bfcde4b850abb3820e209af3def2353fd51
Diffstat (limited to '')
| -rw-r--r-- | frontend/src/components/sidebar.css | 72 |
1 files changed, 71 insertions, 1 deletions
diff --git a/frontend/src/components/sidebar.css b/frontend/src/components/sidebar.css index 8011a6e..29978db 100644 --- a/frontend/src/components/sidebar.css +++ b/frontend/src/components/sidebar.css | |||
| @@ -118,4 +118,74 @@ input#searchbar[type=text]{ | |||
| 118 | } | 118 | } |
| 119 | input[type=text]::placeholder{color:#2b2e46} | 119 | input[type=text]::placeholder{color:#2b2e46} |
| 120 | input[type=text]:focus{outline: inherit;} | 120 | input[type=text]:focus{outline: inherit;} |
| 121 | a{text-decoration: none;height: 40px;} \ No newline at end of file | 121 | a{text-decoration: none;height: 40px;} |
| 122 | |||
| 123 | |||
| 124 | #search-data{ | ||
| 125 | margin: 8px 0 8px 0; | ||
| 126 | overflow-y: auto; | ||
| 127 | max-height: calc(100vh - 172px); | ||
| 128 | } | ||
| 129 | #search-data::-webkit-scrollbar{display: none;} | ||
| 130 | .search-map{ | ||
| 131 | margin: 10px 6px 0 6px; | ||
| 132 | height: 80px; | ||
| 133 | |||
| 134 | border-radius: 20px; | ||
| 135 | text-align: center; | ||
| 136 | |||
| 137 | display: grid; | ||
| 138 | |||
| 139 | border: 0; | ||
| 140 | transition: background-color .1s; | ||
| 141 | background-color: #2b2e46; | ||
| 142 | grid-template-rows: 20% 20% 60%; | ||
| 143 | } | ||
| 144 | .search-map>span{ | ||
| 145 | color: #888; | ||
| 146 | font-size: 16px; | ||
| 147 | font-family: BarlowSemiCondensed-Regular; | ||
| 148 | } | ||
| 149 | .search-map>span:nth-child(3){ | ||
| 150 | font-size: 30px; | ||
| 151 | color: #CDCFDF; | ||
| 152 | } | ||
| 153 | |||
| 154 | .search-player{ | ||
| 155 | overflow: hidden; | ||
| 156 | margin: 10px 6px 0 6px; | ||
| 157 | height: 80px; | ||
| 158 | |||
| 159 | border-radius: 20px; | ||
| 160 | text-align: center; | ||
| 161 | color: #CDCFDF; | ||
| 162 | font-family: BarlowSemiCondensed-Regular; | ||
| 163 | |||
| 164 | display: grid; | ||
| 165 | place-items: center; | ||
| 166 | grid-template-columns: 20% 80%; | ||
| 167 | padding: 0 16px 0 16px; | ||
| 168 | |||
| 169 | border: 0; | ||
| 170 | transition: background-color .1s; | ||
| 171 | background-color: #2b2e46; | ||
| 172 | } | ||
| 173 | .search-player>img{ | ||
| 174 | height: 60px; | ||
| 175 | border-radius: 20px; | ||
| 176 | } | ||
| 177 | .search-player>span{ | ||
| 178 | width:154px; | ||
| 179 | font-size: 26px; | ||
| 180 | } | ||
| 181 | |||
| 182 | |||
| 183 | |||
| 184 | |||
| 185 | |||
| 186 | |||
| 187 | |||
| 188 | |||
| 189 | |||
| 190 | |||
| 191 | |||