feat: Add Diagonal section pattern

2025-10-24 11:16:27 +02:00 · 2022-09-19 15:28:01 +07:00
parent 870ae88df6
commit ef43e16941
7 changed files with 85 additions and 132 deletions
--- a/patterns/diagonal-section/Cover.tsx
+++ b/patterns/diagonal-section/Cover.tsx
@@ -1,31 +0,0 @@
-import * as React from 'react';
-
-import Frame from '../../placeholders/Frame';
-
-const Cover: React.FC<{}> = () => {
-    return (
-        <Frame>
-            <div
-                style={{
-                    alignItems: 'center',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    height: '100%',
-                    justifyContent: 'center',
-                    padding: '8px',
-                }}
-            >
-                <div
-                    style={{
-                        backgroundColor: 'rgba(0, 0, 0, 0.3)',
-                        height: '40%',
-                        transform: 'skewY(-10deg)',
-                        width: '100%',
-                    }}
-                />
-            </div>
-        </Frame>
-    );
-};
-
-export default Cover;