diff --git a/demo/data.mv.db b/demo/data.mv.db index d3a57c9..eb3861e 100644 Binary files a/demo/data.mv.db and b/demo/data.mv.db differ diff --git a/demo/src/main/resources/public/css/style.css b/demo/src/main/resources/public/css/style.css index e907ff4..887869f 100644 --- a/demo/src/main/resources/public/css/style.css +++ b/demo/src/main/resources/public/css/style.css @@ -5,12 +5,22 @@ body { background-color: #363434; } +._container { + display: flex; + flex-direction: column; + justify-content: center; + margin: 0 auto; + max-width: 1680px; +} + h1 { font-size: 1.5em; } h2 { - font-size: 1.25em; + margin: 20px auto; + font-size: 25px; + font-weight: 600; } h3 { @@ -23,6 +33,31 @@ td form { margin-top: -.25em; } +.btn { + display: flex; + justify-content: center; + align-items: center; + background-color: #a721fa; + font-size: 20px; + font-weight: 700; + border-radius: 30px; +} + +.btn-primary, +.btn-secondary { + margin-bottom: 30px; +} + +.btn:hover { + transform: translateY(-3px); + box-shadow: 10px 10px rgba(0, 0, 0, 0.2); +} + +.btn:active { + transform: translateY(-1px); + box-shadow: 10px 10px rgba(0, 0, 0, 0.2); +} + .button-fixed-width { width: 150px; } @@ -39,24 +74,78 @@ td form { width: 10% !important; } +.table { + padding: 3%; + border: solid 5px #a721fa; + color: #fff; + background-color: #2c2a2a; +} + +.table tbody tr { + background-color: #363434; +} + +.table tbody tr:not(:last-child) { + margin: 5px 0px; +} + +/* Шапка */ +/* Обертка шапки */ +.header { + background-color: #2c2a2a; + padding: 15px 0; +} + .my-navbar { background-color: #2c2a2a !important; color: white; } -.my-navbar .link a:hover { +.my-navbar .logo { + width: 75px; + height: 75px; +} + +.logo__nametag { + margin-left: 20px; +} +/* Название логотипа */ +.nametag__title { + font-size: 35px; + font-weight: bold; + color: #a721fa; +} +.nametag__subtitle { + font-size: 16px; + color: #fff; +} + +.nav-list { + margin: 0px 10px; + display: flex; + justify-content: center; + text-align: center; + gap: 30px; +} + +.nav-link { + text-decoration: none; + color: #fff; + font-size: 20px; + font-weight: 600; +} + +.nav-link:hover { color: #a721fa; } -.my-navbar .logo { - width: 26px; - height: 26px; -} - -.my-footer { +.footer { background-color: #2c2a2a; - height: 32px; + width: 100%; + padding: 30px 0px; color: white; + font-size: 20px; + font-weight: 600; } .cart-image { diff --git a/demo/src/main/resources/templates/default.html b/demo/src/main/resources/templates/default.html index 0da49d6..25d38eb 100644 --- a/demo/src/main/resources/templates/default.html +++ b/demo/src/main/resources/templates/default.html @@ -16,56 +16,63 @@ - + -
+
-