Add initial avatar

2025-08-26 23:35:08 +02:00 · 2019-12-04 21:05:34 +07:00
parent 5b50ff5f2a
commit e5122a95c8
8 changed files with 145 additions and 1 deletions
--- a/client/patterns/initial-avatar/Cover.tsx
+++ b/client/patterns/initial-avatar/Cover.tsx
@@ -0,0 +1,38 @@
+import 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={{
+                        alignItems: 'center',
+                        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+                        borderRadius: '9999px',
+                        color: '#FFF',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        height: '48px',
+                        justifyContent: 'center',
+                        width: '48px',
+                    }}
+                >
+                    PN
+                </div>
+            </div>
+        </Frame>
+    );
+};
+
+export default Cover;