fixed

mate-academy · Aug 26, 2024 · d301f13 · d301f13
1 parent 15b205b
commit d301f13
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -45,7 +45,7 @@ export const Header: React.FC = () => {
   return (
     <header className="todoapp__header">
       {/* this button should have `active` class only if all todos are completed */}
-      {todos.length && <ToggleButtonHeader />}
+      {todos.length > 0 && <ToggleButtonHeader />}
 
       {/* Add a todo on form submit */}
       <form onSubmit={addTitle}>

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -1,5 +1,7 @@
 @charset "UTF-8";
 
+/* stylelint-disable selector-no-vendor-prefix */
+
 iframe {
   display: none;
 }
@@ -77,6 +79,7 @@ body {
 }
 
 .todoapp__new-todo {
+  box-sizing: border-box;
   width: 100%;
   padding: 16px 16px 16px 60px;
   font-size: 24px;
@@ -219,6 +222,7 @@ body {
 }
 
 .todo__title-field {
+  box-sizing: border-box;
   width: 100%;
   padding: 11px 14px;
   font-size: inherit;