Skip to content

Commit 2583456

Browse files
committed
Added CenteredVertically component
1 parent a5ba941 commit 2583456

File tree

2 files changed

+12
-2
lines changed

2 files changed

+12
-2
lines changed
Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
1-
.spaces-centered {
2-
text-align: center;
1+
.spaces-centered-vertically {
32
position: relative;
43
top: 50%;
54
transform: translateY(-50%);
5+
}
6+
7+
.spaces-centered {
8+
@extend .spaces-centered-vertically;
9+
text-align: center;
610
}

react-spaces/src/components/Centered.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,10 @@ export const Centered : React.FC = (props) => (
55
<div className='spaces-centered'>
66
{props.children}
77
</div>
8+
)
9+
10+
export const CenteredVertically : React.FC = (props) => (
11+
<div className='spaces-centered-vertically'>
12+
{props.children}
13+
</div>
814
)

0 commit comments

Comments
 (0)