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;
}