🎨 Change folder of counter

anish1617 · Mar 14, 2022 · 83f54da · 83f54da
1 parent c19475e
commit 83f54da
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 66 deletions.
diff --git a/src/plays/Counter/counter.css b/src/plays/Counter/counter.css
diff --git a/src/plays/Counter/Counter.js → src/plays/counter/Counter.js b/src/plays/Counter/Counter.js → src/plays/counter/Counter.js
diff --git a/src/plays/Counter/CounterApp.js → src/plays/counter/CounterApp.js b/src/plays/Counter/CounterApp.js → src/plays/counter/CounterApp.js
diff --git a/src/plays/counter/counter.css b/src/plays/counter/counter.css
@@ -0,0 +1,66 @@
+.counter-container{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100vw;
+}
+.counter-desc{
+ text-align: center;
+}
+button:hover{
+ cursor: pointer;
+}
+.input_field {
+ display: flex;
+ justify-content: center;
+ margin-top: 1rem;
+ width: 90%;
+ margin: 0 1rem;
+}
+.input_field input {
+ width: 100%;
+ max-width: 15rem;
+ outline: none;
+ border: 3px solid rgb(220, 182, 255);
+ border-radius: 0.6rem;
+ padding: 0.5rem;
+ text-align: center;
+}
+.input_field button,
+.reset_btn {
+ background-color: rgb(111, 78, 138);
+ margin-left: 1rem;
+ outline: none;
+ color: white;
+ border: none;
+ border-radius: 0.5rem;
+ padding: 0 0.5rem;
+}
+.reset_btn {
+ margin: 0;
+ padding: 0.5rem 1rem;
+}
+.counter {
+ margin-top: 2.5rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.reset_btn {
+ margin-top: 0.5rem;
+}
+.counter_btn {
+ height: 7rem;
+ width: 7rem;
+ background-color: rgb(199, 139, 255);
+ border-radius: 50%;
+ border: none;
+ font-size: 2.5rem;
+ transition: border 0.01s ease-in;
+}
+.counter_btn:active {
+ border: 3px solid rgb(73, 0, 141);
+}
+.counter_btn::selection {
+ background-color: transparent;
+}