Style the floating action button

profile-avatar-switcher
Alex Gleason 2021-09-20 21:56:06 -05:00
rodzic 4ec5cb931c
commit 640891ded9
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 10 dodań i 15 usunięć

Wyświetl plik

@ -637,7 +637,7 @@ class UI extends React.PureComponent {
className='floating-action-button'
aria-label={intl.formatMessage(messages.publish)}
>
<Icon id='pencil' fixedWidth />
<Icon src={require('@tabler/icons/icons/pencil.svg')} fixedWidth />
</button>
);

Wyświetl plik

@ -356,13 +356,12 @@
position: fixed;
bottom: 64px;
right: 14px;
width: 61px;
height: 61px;
width: 58px;
height: 58px;
background-color: var(--brand-color);
color: white;
border: 0;
border-radius: 999px;
box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
border-radius: 10px;
font-size: 30px;
align-items: center;
justify-content: center;
@ -378,17 +377,13 @@
background-color: var(--brand-color--hicontrast);
}
i.fa {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin: 0;
}
.svg-icon {
width: 26px;
height: 26px;
width: 40px;
height: 40px;
svg {
stroke-width: 1px;
}
}
}