diff --git a/src/components/CreateServer/CreateServer.jsx b/src/components/CreateServer/CreateServer.jsx index e2ac92e..1fd9d71 100644 --- a/src/components/CreateServer/CreateServer.jsx +++ b/src/components/CreateServer/CreateServer.jsx @@ -15,7 +15,6 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => { const userSubdomain = await getUserSubdomain(user.uid); setSubdomain(userSubdomain || ''); onSubdomainUpdate(userSubdomain || ''); - console.log('Subdomain:', userSubdomain); } else { console.error('User or user.uid is undefined'); } @@ -96,9 +95,11 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => { - +
+ +
)} diff --git a/src/components/CreateServer/CreateServer.module.scss b/src/components/CreateServer/CreateServer.module.scss index 78b3336..d13e2eb 100644 --- a/src/components/CreateServer/CreateServer.module.scss +++ b/src/components/CreateServer/CreateServer.module.scss @@ -1,60 +1,62 @@ -.container{ - display: flex; - justify-content: center; - align-items: center; - width: 100%; +.container { + display: flex; + justify-content: center; + align-items: center; + width: 100%; } -.mainCard{ - display: flex; - justify-content: start; - align-items: start; - flex-direction: column; - width: 75rem; - background-color: #1D1836; - border-radius: 1.5rem; +.mainCard, .mainCardSubdomain { + display: flex; + justify-content: start; + align-items: start; + flex-direction: column; + width: 75rem; + background-color: #1D1836; + border-radius: 1.5rem; + padding: 4rem; + margin-top: 5rem; } .title { - font-size: 2.5rem; - color: #F2F2F2; - font-weight: 700; - margin-bottom: 1.5rem; - } - - .subtitle { - font-size: 1.2rem; - color: #AAA6C3; - font-weight: 300; - text-align: center; - margin-bottom: 2rem; - } - - .input, .select { - width: 100%; - padding: 1rem; - margin-top: 1rem; - background-color: #090325; - border: none; - border-radius: 0.5rem; - color: white; - font-size: 1rem; - } - - .btnSubCreate, .btnServCreate { - margin-top: 2rem; - padding: 1rem 2rem; - background-color: #090325; - color: white; - border: none; - border-radius: 0.5rem; - cursor: pointer; - font-size: 1rem; - transition: background-color 0.3s, transform 0.3s; - } - - .btnSubCreate:hover, .btnServCreate:hover { - background-color: #120a8f; - transform: scale(1.05); - } - \ No newline at end of file + font-size: 2.5rem; + color: #F2F2F2; + font-weight: 700; + margin-bottom: 1.5rem; +} + +.subtitle { + font-size: 1.2rem; + color: #AAA6C3; + font-weight: 300; + text-align: center; + margin-bottom: 2rem; +} + +.input, .select { + width: 100%; + padding: 1rem; + margin-top: 1rem; + background-color: #090325; + border: none; + border-radius: 0.5rem; + color: white; + font-size: 1rem; +} + +.btnSubCreate, .btnServCreate { + margin-top: 2rem; + padding: 1rem 2rem; + background-color: #090325; + color: white; + border: none; + border-radius: 0.5rem; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s, transform 0.3s; + margin-right: 1rem; +} + +.btnSubCreate:hover, .btnServCreate:hover { + background-color: #120a8f; + transform: scale(1.05); +} diff --git a/src/pages/DashboardPage/DashboardPage.module.scss b/src/pages/DashboardPage/DashboardPage.module.scss index 269d465..9bca5c3 100644 --- a/src/pages/DashboardPage/DashboardPage.module.scss +++ b/src/pages/DashboardPage/DashboardPage.module.scss @@ -2,7 +2,7 @@ html, body { margin: 0; padding: 0; - font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif; + font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif; background-color: var(--main-bg-color); } diff --git a/src/pages/NoServer/NoServer.module.scss b/src/pages/NoServer/NoServer.module.scss index 0b593a3..220b50d 100644 --- a/src/pages/NoServer/NoServer.module.scss +++ b/src/pages/NoServer/NoServer.module.scss @@ -11,7 +11,6 @@ align-items: start; flex-direction: column; width: 75rem; - padding: 4rem 5rem 3rem 5rem; background-color: #1D1836; border-radius: 1.5rem; }