feat: update Seat and TableBackground components for improved styling and add TableMarkings component

2025-12-21 00:24:00 +01:00
parent 1e58848629
commit 72092ea3c2
4 changed files with 125 additions and 41 deletions
--- a/src/components/TableBackground.js
+++ b/src/components/TableBackground.js
@@ -32,12 +32,18 @@ const styles = StyleSheet.create({
  },
  edge: {
    flex: 1,
-    borderRadius: 220,
+    borderTopLeftRadius: 60,
+    borderTopRightRadius: 60,
+    borderBottomLeftRadius: 280,
+    borderBottomRightRadius: 280,
    padding: 10
  },
  felt: {
    flex: 1,
-    borderRadius: 200,
+    borderTopLeftRadius: 48,
+    borderTopRightRadius: 48,
+    borderBottomLeftRadius: 260,
+    borderBottomRightRadius: 260,
    padding: 20,
    overflow: 'hidden'
  },
@@ -49,6 +55,9 @@ const styles = StyleSheet.create({
    right: 16,
    borderWidth: 2,
    borderColor: 'rgba(255,255,255,0.15)',
-    borderRadius: 180
+    borderTopLeftRadius: 40,
+    borderTopRightRadius: 40,
+    borderBottomLeftRadius: 240,
+    borderBottomRightRadius: 240
  }
 });