Feat: Add fixed home button

This commit is contained in:
lifeadventurer
2025-03-20 17:52:41 +08:00
parent 4eb9212a23
commit 5b2cfb1552
4 changed files with 29 additions and 1 deletions
+9
View File
@@ -173,3 +173,12 @@ button:hover {
.color-preview .color-dot:first-child {
margin-left: 0; /* No margin on the left for the first dot */
}
.home-button {
position: fixed;
top: 8px;
left: 8px;
z-index: 1000;
opacity: 0.8; /* Slightly transparent */
transition: opacity 0.3s;
}
+6 -1
View File
@@ -36,6 +36,11 @@
</head>
<body>
<!-- Home button at the top -->
<a href="/" class="btn border-0 home-button">
<i class="fas fa-home text-white"></i>
</a>
<div class="container">
<div class="row">
<p id="title"></p>
@@ -117,7 +122,7 @@
data-bs-toggle="modal"
data-bs-target="#themeModal"
></i>
<button class="col-4 offset-2 bi bi-files" id="btn" onclick="getLuck()">
<button class="col-4 offset-2" id="btn" onclick="getLuck()">
點擊打卡
</button>
<i
+9
View File
@@ -80,3 +80,12 @@ button:hover {
cursor: pointer;
opacity: 85%;
}
.home-button {
position: fixed;
top: 8px;
left: 8px;
z-index: 1000;
opacity: 0.8; /* Slightly transparent */
transition: opacity 0.3s;
}
+5
View File
@@ -21,6 +21,11 @@
</head>
<body>
<!-- Home button at the top -->
<a href="/" class="btn border-0 home-button">
<i class="bx bx-home text-white"></i>
</a>
<div class="container" id="imageContainer">
<h1>Today's quote</h1>
<div class="quote-container">