Skip to content

Commit d97d865

Browse files
committed
improve the scroll buttons ui
1 parent 9abb1a8 commit d97d865

1 file changed

Lines changed: 7 additions & 4 deletions

File tree

src/App.css

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -757,17 +757,20 @@ Producthunt item
757757
.scrollButton {
758758
border:none;
759759
position: fixed;
760-
top: 50%;
760+
top: 45%;
761761
margin: 0 1%;
762762
background-color: var(--card-action-button-background);
763763
color: var(--card-action-button-color);
764764
opacity: .8;
765-
border-radius: 50px;
766-
width: 50px;
767-
height: 50px;
765+
border-radius: 48px;
766+
width: 48px;
767+
height: 48px;
768768
box-shadow: 0 0 20px var(--card-border-color);
769769
z-index: 2;
770770
cursor: pointer;
771+
align-items: center;
772+
justify-content: center;
773+
display: flex;
771774
}
772775

773776
.scrollButton:hover {

0 commit comments

Comments
 (0)