Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
RocketChat
Rocket.Chat.Fuselage
Commits
b69d7003
Unverified
Commit
b69d7003
authored
Mar 16, 2020
by
gabriellsh
Committed by
GitHub
Mar 16, 2020
Browse files
chore: Added x48 avatar size (#170)
parent
834b22e7
Changes
4
Hide whitespace changes
Inline
Side-by-side
packages/fuselage/.loki/reference/chrome_iphone7_Misc_Avatar_Default_Story.png
View replaced file @
834b22e7
View file @
b69d7003
51.5 KB
|
W:
|
H:
68.6 KB
|
W:
|
H:
2-up
Swipe
Onion skin
packages/fuselage/.loki/reference/chrome_laptop_Misc_Avatar_Default_Story.png
View replaced file @
834b22e7
View file @
b69d7003
16.7 KB
|
W:
|
H:
21.9 KB
|
W:
|
H:
2-up
Swipe
Onion skin
packages/fuselage/src/components/Avatar/stories.mdx
View file @
b69d7003
...
...
@@ -9,7 +9,7 @@ import { Avatar, Margins } from '../..';
<Preview>
<Story name='Default'>
<Margins all='x16'>
{['x2', 'x4', 'x8', 'x12', 'x16', 'x20', 'x24', 'x28', 'x32', 'x36', 'x40'].map((size, i) =>
{['x2', 'x4', 'x8', 'x12', 'x16', 'x20', 'x24', 'x28', 'x32', 'x36', 'x40'
, 'x48'
].map((size, i) =>
<Avatar
url='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC
4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj
...
...
packages/fuselage/src/components/Avatar/styles.scss
View file @
b69d7003
...
...
@@ -18,4 +18,9 @@
}
@include
use-size-modifier
;
&
--size-x48
{
width
:
calc
(
#{
$spaces-x40
}
+
#{
$spaces-x8
}
);
height
:
calc
(
#{
$spaces-x40
}
+
#{
$spaces-x8
}
);
}
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment