first commit

2025-02-04 19:16:43 +08:00
commit 53ce1dfa30
17 changed files with 415 additions and 0 deletions
--- a/css/index.css
+++ b/css/index.css
@@ -0,0 +1,112 @@
+.night {
+    background: rgb(24, 26, 27);
+}
+
+.night .search input{
+    background: rgb(24, 26, 27);
+    border-color: rgb(56, 61, 63);
+    color: rgba(232, 230, 227, 0.87);
+}
+
+.themeChange {
+    position: fixed;
+    right: 30px;
+    top: 30px;
+}
+.themeChange img {
+    width: 30px;
+    height: 30px;
+}
+
+.bmy_tab {
+    width: 100vw;
+}
+.logo {
+    margin: 0 auto;
+    margin-top: 14%;
+    display: block;
+}
+.search {
+    margin: 0 auto;
+    width: 584px;
+    height: 50px;
+    border-radius: 24px;
+    position: relative;
+}
+.search .icon {
+    color: #80868b;
+    position: absolute;
+    fill: currentColor;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    top: 50%;
+    right: 15px;
+    transform: translateY(-50%);
+}
+.icon svg {
+    width: 100%;
+    height: 100%;
+}
+.search .icon:first-child {
+    left: 15px;
+}
+
+.search input {
+    border: 1px solid #dfe1e5;
+    border-radius: 24px;
+    height: 100%;
+    width: 100%;
+    padding: 0 44px;
+    box-sizing: border-box;
+    color: rgba(0,0,0,.87);
+    font-size: 16px;
+}
+
+.clear {
+    cursor: pointer;
+}
+
+.search:hover {
+    background-color: #fff;
+    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
+    border-color: rgba(223,225,229,0);
+}
+
+.history {
+    margin: 0 15px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    margin-top: 50px;
+    overflow-x: scroll;
+}
+.history li {
+    width: 24%;
+    border: 1px solid #dadce0;
+    border-radius: 8px;
+    padding: 24px;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+}
+.history li h2 {
+    font-family: 'Google Sans',Roboto,Arial,sans-serif;
+    font-size: 22px;
+    font-weight: 400;
+    letter-spacing: 0;
+    hyphens: auto;
+    word-break: break-word;
+    word-wrap: break-word;
+    color: #202124;
+}
+.history li .url {
+    font-family: Roboto,Arial,sans-serif;
+    font-size: 14px;
+    font-weight: 400;
+    hyphens: auto;
+    word-break: break-word;
+    word-wrap: break-word;
+    color: #5f6368;
+    padding: 8px 0 0 0;
+}
+