adjustmetn styles

Author: lucasferreiralimax

src/App.vue

@@ -97,6 +97,7 @@ body.darkmode {
 
 h2 {
   margin: 0 0 1rem;
+  font-weight: bold;
 }
 
 .content {
@@ -122,6 +123,7 @@ h2 {
 
 header {
   width: 100%;
+  padding: 1rem;
 }
 
 .logo {
@@ -170,7 +172,7 @@ header {
   background: var(--vtl-background);
   border: 2px solid var(--vtl-background);
   color: var(--color-text);
-  width: calc(100% - 1rem);
+  width: 100%;
 }
 
 .install {

src/assets/main.css

@@ -3,7 +3,6 @@
 #app {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 2rem;
   font-weight: normal;
 }
 

src/components/ModalInstall.vue

@@ -12,7 +12,7 @@ const props = defineProps(['active', 'closeModal'])
       </svg>
     </button>
     <div class="modal-content">
-      <h1>Install</h1>
+      <h2>Install</h2>
       <code class="code-wrapper">
           {{ `npm run install vue-techs-logos` }}
         </code>