refactor(Grid):minor changes and delete extra files

eea · Feb 24, 2022 · 272585d · 272585d
1 parent 67cb4bc
commit 272585d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 222 deletions.
diff --git a/src/ui/Grid/Col.js b/src/ui/Grid/Col.js
diff --git a/src/ui/Grid/ComponentGrid.stories.js b/src/ui/Grid/ComponentGrid.stories.js
@@ -22,30 +22,18 @@ const getDiv = (text) => {
   return <div className="col-example">{text}</div>;
 };
 
-export const Basic16 = (args) => <Grid>{getColumns(16, '')}</Grid>;
+export const Basic12 = (args) => <Grid>{getColumns(12, '')}</Grid>;
 
 export const GridExamples = (args) => (
   <Grid>
-    <Grid.Row columns="two">{getColumns(2, '16/2')}</Grid.Row>
-    <Grid.Row columns="three">{getColumns(3, '16/3')}</Grid.Row>
+    <Grid.Row columns="two">{getColumns(2, '12/2')}</Grid.Row>
+    <Grid.Row columns="three">{getColumns(3, '12/3')}</Grid.Row>
     <Grid.Row columns="four">
-      <Grid.Column width="four">{getDiv('16/4')}</Grid.Column>
-      <Grid.Column width="eight">{getDiv('16/8')}</Grid.Column>
-      <Grid.Column width="four">{getDiv('16/4')}</Grid.Column>
+      <Grid.Column width="three">{getDiv('12/4')}</Grid.Column>
+      <Grid.Column width="six">{getDiv('12/2')}</Grid.Column>
+      <Grid.Column width="three">{getDiv('12/4')}</Grid.Column>
     </Grid.Row>
-    <Grid.Row columns="four">{getColumns(4, '16/4')}</Grid.Row>
-    <Grid.Row columns="five">{getColumns(5, '16/5')}</Grid.Row>
+    <Grid.Row columns="four">{getColumns(4, '12/4')}</Grid.Row>
+    <Grid.Row columns="five">{getColumns(5, '12/5')}</Grid.Row>
   </Grid>
 );
-
-// export const Floated = (args) => (
-//   <Grid>
-//     <Grid.Row>
-//       <Grid.Column width="eight" floated="right">{getDiv("16/8")}</Grid.Column>
-//     </Grid.Row>
-//     <Grid.Row columns="four">
-//       <Grid.Column floated="left">{getDiv("16/4")}</Grid.Column>
-//       <Grid.Column floated="right">{getDiv("16/4")}</Grid.Column>
-//     </Grid.Row>
-//   </Grid>
-// )
diff --git a/src/ui/Grid/LayoutGrid.stories.js b/src/ui/Grid/LayoutGrid.stories.js