diff --git a/account.php b/account.php index 29c8647..bfaffe2 100644 --- a/account.php +++ b/account.php @@ -34,7 +34,21 @@ if ($result === false) { - + +
+
+ +
+
+

Il mio account

+

Nome utente:

+
+
+ + + close(); ?> diff --git a/assets/style.css b/assets/style.css index e431e8d..8418c1e 100644 --- a/assets/style.css +++ b/assets/style.css @@ -208,4 +208,60 @@ form button:hover { } .checkout-btn:hover { background-color: #218838; +} + +/* Layout pagina account */ +.account-layout { + display: flex; + flex-wrap: wrap; + gap: 20px; + max-width: 1100px; + margin: 20px auto; + padding: 0 20px; + box-sizing: border-box; +} + +.my-sidebar { + flex: 0 0 240px; + border: 1px solid #ddd; + border-radius: 8px; + background-color: #fff; + padding: 20px; +} + +.my-sidebar ul { + list-style: none; + margin: 0; + padding: 0; +} + +.my-sidebar li { + margin-bottom: 12px; +} + +.my-sidebar a { + color: #007bff; + text-decoration: none; +} + +.my-sidebar a:hover { + text-decoration: underline; +} + +.my-container { + flex: 1 1 580px; + border: 1px solid #ddd; + border-radius: 8px; + background-color: #fff; + padding: 20px; +} + +@media (max-width: 768px) { + .account-layout { + flex-direction: column; + } + .my-sidebar, + .my-container { + flex: 1 1 100%; + } } \ No newline at end of file