diff --git a/src/modules/Header/Weather/style.less b/src/modules/Header/Weather/style.less
index af8ce8a..46d61f3 100644
--- a/src/modules/Header/Weather/style.less
+++ b/src/modules/Header/Weather/style.less
@@ -57,9 +57,6 @@
height: 20px;
margin-right: 15px;
font-size: 14px;
- position: relative;
- top: 12px;
- width: 48px;
}
}
/*.qlty:before {
@@ -151,7 +148,6 @@
&.code-44:before {
// background-image: url(icons/cloudy2.svg);
content: '\e903';
- margin: auto;
}
&.code-103:before,
&.code-27:before,
@@ -160,7 +156,6 @@
&.code-30:before {
// background-image: url(icons/cloudy.svg);
content: '\e902';
- margin: auto;
}
&.code-200:before,
&.code-201:before,
@@ -177,7 +172,6 @@
&.code-24:before {
// background-image: url(icons/wind.svg);
content: '\e91b';
- margin: auto;
}
&.code-211:before,
&.code-212:before,
@@ -187,7 +181,6 @@
&.code-2:before {
// background-image: url(icons/tornado.svg);
content: '\e91a';
- margin: auto;
}
&.code-300:before,
&.code-301:before,
@@ -196,7 +189,6 @@
&.code-40:before {
// background-image: url(icons/rain4.svg);
content: '\e90f';
- margin: auto;
}
&.code-302:before,
&.code-303:before,
@@ -207,14 +199,12 @@
&.code-47:before {
// background-image: url(icons/rain6.svg);
content: '\e911';
- margin: auto;
}
&.code-305:before,
&.code-309:before,
&.code-9:before {
// background-image: url(icons/rain.svg);
content: '\e90b';
- margin: auto;
}
&.code-306:before {
// background-image: url(icons/rain1.svg);
@@ -223,7 +213,6 @@
&.code-307:before {
// background-image: url(icons/rain2.svg);
content: '\e90d';
- margin: auto;
}
&.code-308:before,
&.code-310:before,
@@ -231,20 +220,17 @@
&.code-312:before {
// background-image: url(icons/rain5.svg);
content: '\e910';
- margin: auto;
}
&.code-313:before,
&.code-8:before,
&.code-10:before {
// background-image: url(icons/ice.svg);
content: '\e907';
- margin: auto;
}
&.code-17:before,
&.code-35:before {
// background-image: url(icons/ice2.svg);
content: '\e909';
- margin: auto;
}
&.code-400:before,
&.code-404:before,
@@ -259,12 +245,10 @@
&.code-46:before {
// background-image: url(icons/snow.svg);
content: '\e916';
- margin: auto;
}
&.code-401:before {
// background-image: url(icons/snow1.svg);
content: '\e917';
- margin: auto;
}
&.code-402:before,
&.code-403:before,
@@ -272,7 +256,6 @@
&.code-43:before {
// background-image: url(icons/snow2.svg);
content: '\e918';
- margin: auto;
}
&.code-404:before,
&.code-405:before,
@@ -281,39 +264,33 @@
&.code-7:before, {
// background-image: url(icons/rainSnow.svg);
content: '\e912';
- margin: auto;
}
&.code-500:before,
&.code-501:before,
&.code-20:before {
// background-image: url(icons/fog.svg);
content: '\e905';
- margin: auto;
}
&.code-22:before {
// background-image: url(icons/smoke.svg);
content: '\e915';
- margin: auto;
}
&.code-502:before,
&.code-18:before,
&.code-21:before {
// background-image: url(icons/haze.svg);
content: '\e906';
- margin: auto;
}
&.code-503:before,
&.code-507:before,
&.code-508:before {
// background-image: url(icons/sand.svg);
content: '\e913';
- margin: auto;
}
&.code-504:before,
&.code-19:before {
// background-image: url(icons/dust.svg);
content: '\e904';
- margin: auto;
}
&.code-3:before,
&.code-4:before,
@@ -326,6 +303,5 @@
&.code-3200:before {
// background-image: url(icons/noMessage.svg);
content: '\e90a';
- margin: auto;
}
}
diff --git a/src/modules/Navigation/style.less b/src/modules/Navigation/style.less
index 5ec3335..96cce41 100644
--- a/src/modules/Navigation/style.less
+++ b/src/modules/Navigation/style.less
@@ -14,7 +14,7 @@
.navigation-box {
width: 360px;
// margin: 68px auto 0;
- margin: 20px auto;
+ margin: 10px auto;
// padding-bottom: 30px;
// border: 1px solid #eee;
.tool-bar {
@@ -22,7 +22,7 @@
// justify-content: space-between;
justify-content: flex-end;
align-items: center;
- height: 48px;
+ height: 100%;
// margin-bottom: 12px;
// padding: 24px;
// border-top: 1px solid #ddd;
@@ -34,7 +34,7 @@
.tool-area {
display: flex;
align-items: center;
- height: 48px;
+ height: 100%;
overflow: hidden;
&.hide {
display: none;
@@ -74,6 +74,7 @@
position: absolute;
top: 0px;
left: 0px;
+ padding-top: 10px;
// background: #eee;
// display: inline-block;
// margin-bottom: 10px;
diff --git a/src/modules/Search/images/chrome_web_store-white.svg b/src/modules/Search/images/chrome_web_store-white.svg
new file mode 100644
index 0000000..0f934e8
--- /dev/null
+++ b/src/modules/Search/images/chrome_web_store-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/modules/Search/images/chrome_web_store.svg b/src/modules/Search/images/chrome_web_store.svg
new file mode 100644
index 0000000..0f934e8
--- /dev/null
+++ b/src/modules/Search/images/chrome_web_store.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/modules/Search/logo.less b/src/modules/Search/logo.less
index 4595eb0..05eea13 100644
--- a/src/modules/Search/logo.less
+++ b/src/modules/Search/logo.less
@@ -6,8 +6,9 @@
}
}
.search-wrapper .logo {
- width: 100%;
- height: 100%;
+ width: 80%;
+ height: 80%;
+ margin: auto;
background-repeat: no-repeat;
background-position: center;
visibility: hidden;
@@ -62,4 +63,5 @@
.logo-creator('*', 'reddit.com', auto 100%, reddit);
.logo-creator('*', 'qwant.com', auto 100%, qwant);
.logo-creator('*', 'startpage.com', 100% auto, startpage);
+ .logo-creator('', 'chrome.google.com', auto 100%, chrome_web_store);
}
diff --git a/src/modules/Search/style.less b/src/modules/Search/style.less
index fe45209..57bc345 100644
--- a/src/modules/Search/style.less
+++ b/src/modules/Search/style.less
@@ -33,7 +33,7 @@
transition: opacity 0.3s;
}
.search-box {
- margin-top: 32px;
+ margin-top: 10px;
text-align: center;
}
.input-box {
@@ -132,7 +132,7 @@
@media screen and (max-width: 1250px) {
.search-wrapper {
input {
- width: 345px;
+ width: 320px;
}
.logo-area {
width: 238px;
diff --git a/src/styles/index.less b/src/styles/index.less
index 6bbf2f1..9789247 100644
--- a/src/styles/index.less
+++ b/src/styles/index.less
@@ -34,7 +34,7 @@ input {
}
#app {
width: 100vw;
- height: calc(~"100vh - 56px");
+ height: 90vh;
overflow: auto;
}
#bg, #mask {