mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Improve Stack and HStack components

environments/review-feed-sugge-h6y0xq/deployments/487
Justin 2022-07-01 16:07:16 -04:00
rodzic f148cda74a
commit 1309521b9c
2 zmienionych plików z 3 dodań i 1 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

3
app/soapbox/components/ui/hstack/hstack.tsx
Wyświetl plik

@ -6,6 +6,7 @@ const justifyContentOptions = {
center: 'justify-center', center: 'justify-center',
start: 'justify-start', start: 'justify-start',
end: 'justify-end', end: 'justify-end',
around: 'justify-around',
}; };
const alignItemsOptions = { const alignItemsOptions = {
@ -32,7 +33,7 @@ interface IHStack {
/** Extra class names on the <div> element. */ /** Extra class names on the <div> element. */
className?: string, className?: string,
/** Horizontal alignment of children. */ /** Horizontal alignment of children. */
justifyContent?: 'between' | 'center' | 'start' | 'end', justifyContent?: 'between' | 'center' | 'start' | 'end' | 'around',
/** Size of the gap between elements. */ /** Size of the gap between elements. */
space?: 0.5 | 1 | 1.5 | 2 | 3 | 4 | 6 | 8, space?: 0.5 | 1 | 1.5 | 2 | 3 | 4 | 6 | 8,
/** Whether to let the flexbox grow. */ /** Whether to let the flexbox grow. */

1
app/soapbox/components/ui/stack/stack.tsx
Wyświetl plik

@ -4,6 +4,7 @@ import React from 'react';
type SIZES = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 10 type SIZES = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 10
const spaces = { const spaces = {
0: 'space-y-0',
'0.5': 'space-y-0.5', '0.5': 'space-y-0.5',
1: 'space-y-1', 1: 'space-y-1',
'1.5': 'space-y-1.5', '1.5': 'space-y-1.5',