365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update BackToTop component styles for improved visibility and usability

Browse Source 
- Adjusted positioning and dimensions of the BackToTop button for better accessibility and user experience.
- Increased right margin and button size to enhance visibility and interaction.
This commit is contained in:
Richard Bergsma
2025-06-07 18:05:44 +02:00
parent 347050a538
commit d2197984d8
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ui/BackToTop.astro
View File

@@ -22,12 +22,12 @@
.back-to-top { .back-to-top {
position: fixed; position: fixed;
bottom: 80px; /* Increased from 30px to avoid cookie banner */ bottom: 80px; /* Increased from 30px to avoid cookie banner */
right: 40px; /* Increased from 30px for more margin from edge */ right: 16px; /* Increased from 30px for more margin from edge */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 45px; width: 54px;
height: 45px; height: 54px;
border-radius: 50%; border-radius: 50%;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
color: #fff; color: #fff;