gahusb/jaengseung-made
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 맨 위로 버튼과 카카오 플로팅 버튼 겹침 해결

Browse Source 
scroll-to-top 버튼 bottom 2rem → 5.5rem 으로 상향
- website/page.tsx
- website/samples/interior/page.tsx
- website/samples/reading/page.tsx
- website/samples/shopping/page.tsx

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
gahusb
2026-03-23 09:31:17 +09:00
parent e56118b6f2
commit 1bf916cbcb
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/services/website/page.tsx
View File

@@ -933,7 +933,7 @@ export default function WebsiteServicePage() {
scroller.scrollTo({ top: 0, behavior: 'smooth' }); scroller.scrollTo({ top: 0, behavior: 'smooth' });
}} }}
style={{ style={{
position: 'fixed', bottom: '2rem', right: '2rem', zIndex: 200, position: 'fixed', bottom: '5.5rem', right: '2rem', zIndex: 200,
width: 48, height: 48, borderRadius: '50%', width: 48, height: 48, borderRadius: '50%',
background: 'linear-gradient(135deg, #6366f1, #818cf8)', background: 'linear-gradient(135deg, #6366f1, #818cf8)',
border: 'none', cursor: 'pointer', border: 'none', cursor: 'pointer',

2
app/services/website/samples/interior/page.tsx
View File

@@ -591,7 +591,7 @@ export default function InteriorSample() {
<button <button
id="au-top-btn" id="au-top-btn"
style={{ style={{
position: 'fixed', bottom: '2rem', right: '2rem', zIndex: 200, position: 'fixed', bottom: '5.5rem', right: '2rem', zIndex: 200,
width: 48, height: 48, borderRadius: '50%', width: 48, height: 48, borderRadius: '50%',
background: GOLD, border: 'none', cursor: 'pointer', background: GOLD, border: 'none', cursor: 'pointer',
display: 'flex', alignItems: 'center', justifyContent: 'center', display: 'flex', alignItems: 'center', justifyContent: 'center',

2
app/services/website/samples/reading/page.tsx
View File

@@ -642,7 +642,7 @@ export default function ReadingPage() {
scroller.scrollTo({ top: 0, behavior: 'smooth' }); scroller.scrollTo({ top: 0, behavior: 'smooth' });
}} }}
style={{ style={{
position: 'fixed', bottom: '2rem', right: '2rem', zIndex: 400, position: 'fixed', bottom: '5.5rem', right: '2rem', zIndex: 400,
width: 48, height: 48, borderRadius: '50%', width: 48, height: 48, borderRadius: '50%',
background: '#D4A853', border: 'none', cursor: 'pointer', background: '#D4A853', border: 'none', cursor: 'pointer',
display: 'flex', alignItems: 'center', justifyContent: 'center', display: 'flex', alignItems: 'center', justifyContent: 'center',

2
app/services/website/samples/shopping/page.tsx
View File

@@ -751,7 +751,7 @@ export default function ShoppingPage() {
════════════════════════════════════════════ */} ════════════════════════════════════════════ */}
<button onClick={scrollTop} aria-label="맨 위로" <button onClick={scrollTop} aria-label="맨 위로"
style={{ style={{
position: 'fixed', bottom: '2rem', right: '2rem', zIndex: 200, position: 'fixed', bottom: '5.5rem', right: '2rem', zIndex: 200,
width: 46, height: 46, width: 46, height: 46,
background: T.ink, border: 'none', cursor: 'pointer', background: T.ink, border: 'none', cursor: 'pointer',
display: 'flex', alignItems: 'center', justifyContent: 'center', display: 'flex', alignItems: 'center', justifyContent: 'center',