diff --git a/ghproxy/public/index.html b/ghproxy/public/index.html index 41c4efd..9c1fa6c 100644 --- a/ghproxy/public/index.html +++ b/ghproxy/public/index.html @@ -97,13 +97,14 @@ } footer { - line-height: 1.25; - position: absolute; - bottom: 0; + position: fixed; + bottom: 20px; left: 0; right: 0; text-align: center; - font-size: 1.2rem; + padding: 10px; + line-height: 1.25; + margin-top: 20px; } pre { @@ -136,50 +137,18 @@ } @media (max-width: 768px) { - footer { - font-size: 0.85rem; - } - .container { max-width: 100%; font-size: 0.8rem; } - - .tips { - font-size: 0.8rem; - } - - .tips-content { - font-size: 0.8rem; - } - - .status-container { - font-size: 0.8rem; - } } @media (min-width: 768px) { - footer { - font-size: 1rem; - } - .container { max-width: 65%; font-size: 1rem; } - .tips { - font-size: 1.1rem; - } - - .tips-content { - font-size: 1.1rem; - } - - .status-container { - font-size: 1.05rem; - } - h1 { margin-bottom: 10%; } @@ -202,6 +171,7 @@ .tips-content { margin-bottom: 0px; margin-top: 20px; + font-size: clamp(0.8rem, 2vw, 1.1rem); } .status-container { @@ -210,6 +180,7 @@ align-items: center; margin-bottom: 1px; margin-top: -2%; + font-size: clamp(0.8rem, 2vw, 1.05rem); } .code { @@ -351,21 +322,6 @@ text-align: center; } - .domain-item .copy-button { - background-color: #39c5bc; - color: white; - border: none; - padding: 8px 15px; - border-radius: 5px; - cursor: pointer; - transition: all 0.3s ease; - } - - .domain-item .copy-button:hover { - background-color: #2ea89f; - transform: scale(1.05); - } - .modal h1 { color: #333; font-size: 24px; @@ -394,6 +350,23 @@ transform: scale(1.05); text-decoration: none; } + + .github-link { + display: inline-block; + position: static; + color: var(--fontcolor); + opacity: 0.7; + transition: opacity 0.3s ease; + } + + .github-link:hover { + opacity: 1; + } + + .github-link svg { + width: 20px; + height: 20px; + } @@ -423,33 +396,25 @@