From 9649216920dd6308d2c7868790e1abe92685ddf2 Mon Sep 17 00:00:00 2001 From: p-wojt Date: Fri, 31 Dec 2021 21:42:08 +0100 Subject: [PATCH] redefine project --- app.css | 35 +-- index.html | 40 +-- src/app.ts | 261 ++++++++++++------ src/components/counter-item.ts | 35 +++ .../{menu-delete-item.ts => item-removal.ts} | 6 +- src/components/menu-item-list.ts | 57 ++-- src/components/menu-item.ts | 8 +- src/components/open-close-arrow.ts | 12 + src/model/counter.ts | 39 +++ src/model/item.ts | 11 + src/utils/item-id-pool.ts | 7 + src/utils/utils.ts | 2 + 12 files changed, 359 insertions(+), 154 deletions(-) create mode 100644 src/components/counter-item.ts rename src/components/{menu-delete-item.ts => item-removal.ts} (69%) create mode 100644 src/components/open-close-arrow.ts create mode 100644 src/model/counter.ts create mode 100644 src/model/item.ts create mode 100644 src/utils/item-id-pool.ts create mode 100644 src/utils/utils.ts diff --git a/app.css b/app.css index 1cbcd7e..022f132 100644 --- a/app.css +++ b/app.css @@ -1,18 +1,6 @@ html { font-family: 'Courier New', Courier, monospace; } - -canvas { - margin: 0; - position: absolute; - width: 500px; - height: 500px; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); -} - input { height: 1.5rem; width: 15rem; @@ -28,7 +16,12 @@ li { padding: 0.75rem; } -.openCloseMenu { +.open-close-menu{ + display: flex; + justify-content: right; +} + +.open-close-arrow { width: 1rem; height: 1rem; } @@ -39,12 +32,22 @@ li { float: right; } -#menu { +.decreasing { + width: 0.1rem; + transition-duration: 3s; +} + +.normal { + width: 20rem; + transition-duration: 3s; +} + +.menu { height: 100vh; width: 20rem; } -#newItemButton { +.new-item-button { height: 2rem; width: 10rem; margin-top: 0.5rem; @@ -54,7 +57,7 @@ li { text-align: center; } -#counter { +.counter { font-size: 24px; text-align: center; } diff --git a/index.html b/index.html index f19797d..e532364 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,25 @@ - - - - + + + + Roulette wheel - - - -