Add fixed at side pattern

2025-10-23 10:46:13 +02:00 · 2019-12-21 16:03:12 +07:00
parent 8e69aa8809
commit cdeb9d9841
7 changed files with 326 additions and 33 deletions
--- a/client/patterns/fixed-at-side/Cover.tsx
+++ b/client/patterns/fixed-at-side/Cover.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+import Frame from '../../placeholders/Frame';
+
+const Cover: React.FC<{}> = () => {
+    return (
+        <Frame>
+            <div
+                style={{
+                    height: '100%',
+                    position: 'relative',
+                    width: '100%',
+                }}
+            >
+                <div
+                    style={{
+                        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+                        height: '40%',
+                        position: 'absolute',
+                        right: 0,
+                        top: '50%',
+                        transform: 'translate(0, -50%)',
+                        width: '16px',
+                    }}
+                />
+            </div>
+        </Frame>
+    );
+};
+
+export default Cover;