Improve shrinking stability
This commit is contained in:
parent
a49e2253d6
commit
a85a91a701
2 changed files with 11 additions and 15 deletions
|
@ -338,18 +338,20 @@ span {
|
|||
.links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
column-gap: 1rem;
|
||||
row-gap: 1rem;
|
||||
width: min(40rem, 75%);
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-evenly;
|
||||
column-gap: 2.5%;
|
||||
width: min(40rem, 95%);
|
||||
|
||||
a {
|
||||
flex: 1 1 1rem;
|
||||
.footerAction {
|
||||
flex: 1 0 2rem;
|
||||
max-width: 5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
a {
|
||||
svg {
|
||||
transition: fill var(--anim-duration) ease;
|
||||
fill: var(--foreground);
|
||||
|
@ -361,12 +363,6 @@ span {
|
|||
}
|
||||
|
||||
#dark-mode-toggle-label {
|
||||
flex: 1 1 1rem;
|
||||
max-width: 5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
aspect-ratio: 1;
|
||||
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
cursor: grab;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue