diff options
Diffstat (limited to 'frontend/src/components/sidebar.css')
| -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 | |||