Skip to content

Commit aa362b8

Browse files
committed
style: 調整關閉按鈕更靠近右上角
- 調整 top 從 20px 到 10px - 添加負邊距讓按鈕更貼近角落 - 同步調整手機版樣式
1 parent e1e6092 commit aa362b8

File tree

2 files changed

+8
-5
lines changed

2 files changed

+8
-5
lines changed

index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta http-equiv="Expires" content="0">
99
<meta name="theme-color" content="#000000">
1010
<title>GitHub Copilot 教學專案</title>
11-
<link rel="stylesheet" href="style.css?v=20250603002">
11+
<link rel="stylesheet" href="style.css?v=20250603003">
1212
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
1313
<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
1414
</head>
@@ -352,6 +352,6 @@ <h3 style="font-size: 1.25rem; font-weight: 600; color: #1d1d1f; margin-bottom:
352352
</div>
353353
</div>
354354

355-
<script src="script.js?v=20250603002"></script>
355+
<script src="script.js?v=20250603003"></script>
356356
</body>
357357
</html>

style.css

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -661,10 +661,12 @@ body {
661661

662662
.markdown-close {
663663
position: sticky;
664-
top: 20px;
664+
top: 10px;
665665
float: right;
666666
margin-left: 20px;
667667
margin-bottom: 20px;
668+
margin-top: -10px;
669+
margin-right: -10px;
668670
width: 36px;
669671
height: 36px;
670672
cursor: pointer;
@@ -718,8 +720,9 @@ body {
718720

719721
@media (max-width: 768px) {
720722
.markdown-close {
721-
top: 20px;
722-
right: 15px;
723+
top: 5px;
724+
margin-right: -5px;
725+
margin-top: -5px;
723726
width: 32px;
724727
height: 32px;
725728
border-radius: 16px;

0 commit comments

Comments
 (0)