Skip to content

Commit 45b1610

Browse files
committed
Update GitHub button styles for improved positioning and responsiveness: changed button from absolute to fixed positioning, adjusted padding, font size, border, and box-shadow for a more compact design.
1 parent 2a9d382 commit 45b1610

1 file changed

Lines changed: 11 additions & 11 deletions

File tree

style.css

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -147,29 +147,29 @@ body::before {
147147

148148
/* GitHub Button */
149149
.github-btn {
150-
position: absolute;
151-
top: 1.5rem;
152-
right: 1.5rem;
150+
position: fixed;
151+
top: 0.5rem;
152+
right: 0.5rem;
153153
display: flex;
154154
align-items: center;
155-
gap: 0.5rem;
156-
padding: 0.75rem 1.25rem;
155+
gap: 0.4rem;
156+
padding: 0.5rem 0.8rem;
157157
background: var(--text-light);
158158
color: var(--text-primary);
159159
text-decoration: none;
160160
font-weight: 600;
161-
font-size: 0.95rem;
162-
border: 3px solid var(--border-color);
163-
border-radius: 12px;
164-
box-shadow: 4px 4px 0 var(--shadow-color);
161+
font-size: 0.8rem;
162+
border: 2px solid var(--border-color);
163+
border-radius: 8px;
164+
box-shadow: 2px 2px 0 var(--shadow-color);
165165
transition: all 0.2s ease;
166166
z-index: 10;
167167
}
168168

169169
.github-btn:hover {
170170
background: var(--bg-card);
171-
transform: translate(2px, 2px);
172-
box-shadow: 2px 2px 0 var(--shadow-color);
171+
transform: translate(1px, 1px);
172+
box-shadow: 1px 1px 0 var(--shadow-color);
173173
}
174174

175175
.github-btn svg {

0 commit comments

Comments
 (0)