Merge pull request 'fix: widen policy page containers to 85%' (#84) from fix/policy-container-width into master

Reviewed-on: #84
Reviewed-by: rafaga21 <rafaelminaya20@hotmail.com>
This commit was merged in pull request #84.
This commit is contained in:
2026-06-13 21:42:46 -04:00
2 changed files with 44 additions and 2 deletions

View File

@@ -1,6 +1,27 @@
<style>
body.auth-page {
display: block;
align-items: unset;
justify-content: unset;
min-height: 100vh;
}
body.auth-page .auth-container {
max-width: none;
width: 100%;
padding: 0;
}
@media (max-width:768px) {
.legal-container .legal-card { width: 92% !important; padding: 1.5rem !important; }
}
@media (max-width:480px) {
.legal-container .legal-card { width: 96% !important; padding: 1rem !important; }
}
</style>
<div class="legal-page"> <div class="legal-page">
<div class="legal-container"> <div class="legal-container">
<div style="max-width:960px;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)"> <div class="legal-card" style="width:85%;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)">
<h1 style="color:var(--text-primary);margin-bottom:0.25rem;font-size:1.8rem;font-weight:700">Privacy Policy</h1> <h1 style="color:var(--text-primary);margin-bottom:0.25rem;font-size:1.8rem;font-weight:700">Privacy Policy</h1>
<p style="color:var(--text-muted);font-size:0.9rem;margin-bottom:2rem">Last updated: June 2026</p> <p style="color:var(--text-muted);font-size:0.9rem;margin-bottom:2rem">Last updated: June 2026</p>
<hr style="border-color:var(--border-color);margin-bottom:2rem;opacity:0.5"> <hr style="border-color:var(--border-color);margin-bottom:2rem;opacity:0.5">

View File

@@ -1,6 +1,27 @@
<style>
body.auth-page {
display: block;
align-items: unset;
justify-content: unset;
min-height: 100vh;
}
body.auth-page .auth-container {
max-width: none;
width: 100%;
padding: 0;
}
@media (max-width:768px) {
.legal-container .legal-card { width: 92% !important; padding: 1.5rem !important; }
}
@media (max-width:480px) {
.legal-container .legal-card { width: 96% !important; padding: 1rem !important; }
}
</style>
<div class="legal-page"> <div class="legal-page">
<div class="legal-container"> <div class="legal-container">
<div style="max-width:960px;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)"> <div class="legal-card" style="width:85%;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)">
<h1 style="color:var(--text-primary);margin-bottom:0.25rem;font-size:1.8rem;font-weight:700">Terms & Conditions</h1> <h1 style="color:var(--text-primary);margin-bottom:0.25rem;font-size:1.8rem;font-weight:700">Terms & Conditions</h1>
<p style="color:var(--text-muted);font-size:0.9rem;margin-bottom:2rem">Last updated: June 2026</p> <p style="color:var(--text-muted);font-size:0.9rem;margin-bottom:2rem">Last updated: June 2026</p>
<hr style="border-color:var(--border-color);margin-bottom:2rem;opacity:0.5"> <hr style="border-color:var(--border-color);margin-bottom:2rem;opacity:0.5">