component architecture

oshibka404 · Aug 28, 2024 · 20ae715 · 20ae715
1 parent 0fd5649
commit 20ae715
Show file tree

Hide file tree

Showing 8 changed files with 386 additions and 257 deletions.
diff --git a/src/game.ts b/src/game.ts
@@ -27,4 +27,4 @@ export class Game {
             this.setState('not_started')
         })
     }
-}
+}
diff --git a/src/screens/match/index.css b/src/screens/match/index.css
@@ -13,12 +13,12 @@ header {
     place-content: center;
 }
 
-#table {
+.table {
     outline: 1em solid;
     position: relative;
 }
 
-#table:before {
+.table:before {
     content: '';
     height: 100%;
     width: 0;
@@ -28,7 +28,7 @@ header {
     top: 0;
 }
 
-#ball {
+.ball {
     width: 1em;
     height: 1em;
     position: absolute;
@@ -44,17 +44,17 @@ header {
     background-color: #fff;
 }
 
-#paddle-p1 {
+.paddle-p1 {
     left: 1em;
     top: 12em;
 }
 
-#paddle-p2 {
+.paddle-p2 {
     right: 1em;
     top: 3em;
 }
 
-#match-state {
+.match-state {
     position: fixed;
     display: flex;
     flex-direction: column;