diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 31ab3a2..3e3a59d 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -20,4 +20,6 @@ @use "base"; @use "application_settings"; - @use "main"; \ No newline at end of file + @use "main"; + @use "header"; + @use "nav"; \ No newline at end of file diff --git a/app/assets/stylesheets/application_settings.scss b/app/assets/stylesheets/application_settings.scss index 3cc73d4..6f42cdd 100644 --- a/app/assets/stylesheets/application_settings.scss +++ b/app/assets/stylesheets/application_settings.scss @@ -31,3 +31,12 @@ body { width: 90vw; margin: 0 auto; } + + +.welcome__container__laptop { + margin-top: 15%; + text-align: center; + font-size: 36px; + font-family: "Ubuntu sans"; + font-weight: 600; +} \ No newline at end of file diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss new file mode 100644 index 0000000..1b4b64e --- /dev/null +++ b/app/assets/stylesheets/header.scss @@ -0,0 +1,13 @@ +.main-header { + width: 100%; + font-size: 2.5rem; + font-weight: var(--bold); + text-align: center; + position: relative; +} + +.exit { + position: absolute; + top: 0; + right: 5px; +} diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index 44b28e8..31d0b35 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -1,18 +1,3 @@ -.main-header { - width: 100%; - text-align: center; - font-size: 2.5rem; - font-weight: var(--bold); -} - -.nav-container { - width: 20%; - margin: 0 auto; - display: flex; - justify-content: space-around; - -} - .add-new { text-align: center; width: 100%; @@ -24,13 +9,11 @@ a.link { border-radius: 20px 20px; padding: 10px; font-size: 1.5rem; - } a.link:hover { background-color: black; color: var(--white-color) - } .header{ @@ -56,6 +39,11 @@ a.link:hover { margin: 0 auto 10px; } +.informations-data h2 { + font-weight: 700; + font-size: 2.5em; +} + .information-data { border: 2px solid black; display: flex; @@ -75,3 +63,18 @@ a.link:hover { padding: 10px; margin: 10px 0; } + +.information-button { + align-self: center; + margin-block: 8px; +} + +.information-table table { + border-collapse: collapse; + text-align: center; +} + +.information-table td, th { + padding: 5px; + border: 3px solid black; +} \ No newline at end of file diff --git a/app/assets/stylesheets/nav.scss b/app/assets/stylesheets/nav.scss new file mode 100644 index 0000000..808fe38 --- /dev/null +++ b/app/assets/stylesheets/nav.scss @@ -0,0 +1,6 @@ +.nav-container { + width: 25%; + margin: 0 auto; + display: flex; + justify-content: space-around; +} \ No newline at end of file