muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed paddings on lab tabs

Browse source
This commit is contained in:
Fedor Katurov 2022-03-25 10:16:30 +07:00
parent c0c3b3af6a
commit 7a6a44cccf
2 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/lab/LabHeadItem/index.tsx
View file

@ -19,10 +19,10 @@ interface IProps {
const LabHeadItem: FC<IProps> = ({ icon, color, children, isLoading, active, onClick }) => { const LabHeadItem: FC<IProps> = ({ icon, color, children, isLoading, active, onClick }) => {
if (isLoading) { if (isLoading) {
return ( return (
<Group horizontal className={styles.item} key="loading"> <div className={styles.item} key="loading">
<Placeholder width="32px" height={32} /> <Placeholder width="32px" height={32} />
<Placeholder width="96px" height={18} /> <Placeholder width="96px" height={18} />
</Group> </div>
); );
} }

3
src/components/lab/LabHeadItem/styles.module.scss
View file

@ -2,7 +2,7 @@
.item { .item {
flex: 0 0 auto; flex: 0 0 auto;
padding: $gap * 0.5 $gap * 1.5 $gap * 0.5 $gap; padding: $gap * 0.5 $gap * 4 $gap * 0.5 $gap;
fill: currentColor; fill: currentColor;
color: darken(white, 50%); color: darken(white, 50%);
transition: color 0.25s; transition: color 0.25s;
@ -45,6 +45,7 @@
text-transform: uppercase; text-transform: uppercase;
padding-bottom: 1px; padding-bottom: 1px;
padding-left: $gap * 0.75; padding-left: $gap * 0.75;
padding-right: $gap * 0.35;
@include tablet { @include tablet {
padding-top: $gap * 0.5; padding-top: $gap * 0.5;