From a2fc0c76433155c10bf06dea5dbf870b4342cc68 Mon Sep 17 00:00:00 2001 From: Eduardo Medeiros <128246244+Eduardo-medeiros@users.noreply.github.com> Date: Mon, 1 Jul 2024 00:18:47 -0300 Subject: [PATCH] Update calculadoraTitulo.css --- .../calculadoraTitulo/calculadoraTitulo.css | 104 ++++++++++-------- 1 file changed, 56 insertions(+), 48 deletions(-) diff --git a/codigo/calculadoraTitulo/calculadoraTitulo.css b/codigo/calculadoraTitulo/calculadoraTitulo.css index 6abb306..f07e32e 100644 --- a/codigo/calculadoraTitulo/calculadoraTitulo.css +++ b/codigo/calculadoraTitulo/calculadoraTitulo.css @@ -1,26 +1,46 @@ -.navbar { - border-bottom: 1px solid; -} - -.nav-item { - padding-left: 30px; -} - -#bntCalcular{ - background-color: rgb(199, 199, 199); - border: 1px solid; - border-radius: 5px; - width: 90px; - height: 40px; -} + html { + height: 100%; + width: 100%; + } -.form { - display: flex; - flex-direction: column; - align-items: center; -} + .navbar { + border-bottom: 1px solid; + } + + + + .nav-item { + padding-left: 30px; + } -.form .data-field { + #bntCalcular{ + background-color: rgb(199, 199, 199); + border: 1px solid; + border-radius: 5px; + width: 90px; + height: 40px; + } + + .form { + display: flex; + flex-direction: column; + align-items: center; + } + + + .form .input { + background-color: #EFEFEF; + border-color: #ACAAAC; + border-style: solid; + border-width: 1px; + min-height: 50px; + border-radius: 5px; + font-size: 17px; + padding: 10px 13px; + max-width: 120px; + } + + .form .data-field { width: 100%; min-height: 3em; margin-top: 10px; @@ -30,32 +50,20 @@ flex-direction: column; align-items: center; } + -.form .input { - background-color: #EFEFEF; - border-color: #ACAAAC; - border-style: solid; - border-width: 1px; - min-height: 50px; - border-radius: 5px; - font-size: 17px; - padding: 10px 13px; - max-width: 100px; -} + #container-footer { + margin-top: 25px; + padding: 15px; + border-top: 1px solid; + } - -#container-footer { - margin-top: 25px; - padding: 15px; - border-top: 1px solid; -} - -#container-footer > a { - text-decoration: none; - padding-left: 15px; - color: black; -} - -img{ - width: 50px; -} + #container-footer > a { + text-decoration: none; + padding-left: 15px; + color: black; + } + + img{ + width: 50px; + }