diff --git a/CSS/Block/header.css b/CSS/Block/header.css index e23497e..bdbd49f 100644 --- a/CSS/Block/header.css +++ b/CSS/Block/header.css @@ -8,16 +8,5 @@ header { nav { display: flex; flex-direction: row; -} - -@media only screen and (min-width: 900px) { - nav{ - padding: 24px 42px 24px 42px; - } -} - -@media only screen and (max-width: 800px) { - nav{ - padding: 0; - } + padding: 24px 42px 24px 42px; } \ No newline at end of file diff --git a/CSS/Element/form.css b/CSS/Element/form.css index 2064c7c..60af6c5 100644 --- a/CSS/Element/form.css +++ b/CSS/Element/form.css @@ -91,7 +91,7 @@ form .error { outline-color: var(--error); } .form-user { - justify-content: center !important; + /*justify-content: center !important;*/ grid-template-columns: auto !important; } @@ -108,3 +108,8 @@ form .error { height: var(--h-sm); width: var(--h-sm); } + +.input-transparent{ + background: transparent!important; + border: transparent!important; +} diff --git a/CSS/Element/modal.css b/CSS/Element/modal.css index 6858bab..f66df20 100644 --- a/CSS/Element/modal.css +++ b/CSS/Element/modal.css @@ -2,14 +2,16 @@ display: none; position: fixed; inset: 0; - background: rgba(0,0,0,0.6); + background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; z-index: 1000; } + .modal-overlay.is-visible { display: flex; } + .modal { background: var(--brand-background); padding: 1.5rem; @@ -17,4 +19,16 @@ text-align: center; max-width: 320px; width: 90%; +} + +@media only screen and (min-width: 900px) { + .modal nav { + padding: 24px 42px 24px 42px; + } +} + +@media only screen and (max-width: 800px) { + .modal nav { + padding: 0; + } } \ No newline at end of file diff --git a/Views/User/showUserAccountPage.phtml b/Views/User/showUserAccountPage.phtml index 317db8b..5090ba8 100644 --- a/Views/User/showUserAccountPage.phtml +++ b/Views/User/showUserAccountPage.phtml @@ -6,8 +6,10 @@