Commit 4ed81b48 authored by minseok.park's avatar minseok.park

remove -- fontawesome cdn & add search svg

parent 204fe4f0
...@@ -100,10 +100,13 @@ body { ...@@ -100,10 +100,13 @@ body {
} }
#search-field > i { #search-field > i {
background: url(../img/ico-search.svg) no-repeat center;
position: absolute; position: absolute;
top: 15px; top: 14px;
right: 20px; right: 20px;
color: #dbdbdb; display: inline-block;
width: 16px;
height: 16px;
} }
#search-input { #search-input {
...@@ -111,12 +114,12 @@ body { ...@@ -111,12 +114,12 @@ body {
color: #333; color: #333;
font-family: inherit; font-family: inherit;
font-size: 0.95rem; font-size: 0.95rem;
width: 150px; width: 120px;
height: 45px; height: 45px;
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
border-radius: 28px; border-radius: 28px;
line-height: 1.5; line-height: 1.5;
padding: 0 1rem !important; padding: 0 2.15rem 0 1rem !important;
} }
#search-input:disabled { #search-input:disabled {
...@@ -136,7 +139,7 @@ body { ...@@ -136,7 +139,7 @@ body {
} }
#search-input:focus + i { #search-input:focus + i {
color: var(--color-bwg-main); background: url(../img/ico-search-active.svg) no-repeat center;
} }
.navbar-burger { .navbar-burger {
......
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#0072ce" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#dbdbdb" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
\ No newline at end of file
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"/>
{{> head-prelude}} {{> head-prelude}}
{{> head-title}} {{> head-title}}
{{> head-info}} {{> head-info}}
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<div id="search-field" class="field"> <div id="search-field" class="field">
{{!-- <input id="search-input" type="text" placeholder="Search the docs"{{#if page.home}} autofocus{{/if}}> --}} {{!-- <input id="search-input" type="text" placeholder="Search the docs"{{#if page.home}} autofocus{{/if}}> --}}
<input id="search-input" type="text"> <input id="search-input" type="text">
<i class="fas fa-search"></i> <i/>
</div> </div>
</div> </div>
{{/if}} {{/if}}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment