Skip to content

Commit

Permalink
fix(circlebutton): layout shift of inner element
Browse files Browse the repository at this point in the history
  • Loading branch information
wiyco committed Jun 26, 2024
1 parent 10d514c commit 8ff9df7
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/components/buttons/BorderCircleButton/styles.module.scss
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
@use "variables" as var;

.circle {
@apply relative w-full overflow-clip rounded-full;
@apply w-full overflow-clip rounded-full;

aspect-ratio: 1 / 1;
background: linear-gradient(to right, var.$lime, var.$cyan, var.$blue);

& > .circle-inner {
@apply absolute inset-0 m-auto flex items-center justify-center rounded-full;
@apply m-auto flex items-center justify-center rounded-full;

width: calc(100% - 0.375em);
aspect-ratio: 1 / 1;
Expand Down

0 comments on commit 8ff9df7

Please sign in to comment.