Skip to content

Commit

Permalink
Adjust Styling
Browse files Browse the repository at this point in the history
Draikth committed Jul 26, 2024
1 parent 420ee7b commit 53eb476
Showing 5 changed files with 20 additions and 11 deletions.
12 changes: 6 additions & 6 deletions app/globals.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
:root {
--color-background: #fdf7e4;
--color-background: #e4fdf9;
--color-layout: #ded0b6;
--color-primary: #ff6f61; // New vibrant color
--color-secondary: #3b5998; // Another vibrant color
@@ -30,22 +30,22 @@ body {
background: var(--color-background);
color: var(--color-text);
padding: 1rem;
padding-bottom: 50px; // Keep the padding-bottom for the footer
padding: 0.5rem 1rem 50px 1rem; // Keep the padding-bottom for the footer

@media (min-width: 768px) {
padding: 2rem;
padding: 0.5rem 2rem 50px 2rem;
}

@media (min-width: 1024px) {
padding: 3rem;
padding: 0.5rem 3rem 50px 3rem;
}
}

main {
padding: 1rem;
padding: 1rem 0;

@media (min-width: 768px) {
padding: 2rem;
padding: 2rem 0;
}
}

4 changes: 2 additions & 2 deletions app/page.module.scss
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
.homePage {
width: 100%;
min-height: 100vh;
padding: 2rem;
padding: 1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

@media (min-width: 768px) {
padding: 3rem;
padding: 0.75rem;
}
}

2 changes: 1 addition & 1 deletion app/post/PostEventForm.tsx
Original file line number Diff line number Diff line change
@@ -85,7 +85,7 @@ export default function PostEventForm(props: Props) {
<h2>Event Details</h2>
<p>* stands for required fields</p>
</div>
<form onSubmit={handleCreate}>
<form onSubmit={handleCreate} className={styles.form}>
<div className={styles.formGroup}>
<label className={styles.label}>
*Event Name:
8 changes: 8 additions & 0 deletions app/post/postEventForm.module.scss
Original file line number Diff line number Diff line change
@@ -12,6 +12,9 @@
}

.formGroup {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 1rem;
}

@@ -40,6 +43,11 @@
cursor: pointer;
}

.form {
display: flex;
flex-direction: column;
}

// .container {
// max-width: 800px;
// margin: auto;
5 changes: 3 additions & 2 deletions tsconfig.json
Original file line number Diff line number Diff line change
@@ -6,7 +6,8 @@
{
"name": "next"
}
]
],
"jsx": "preserve"
},
"include": [
"**/*.ts",
@@ -17,4 +18,4 @@
"**/*.mjs",
".next/types/**/*.ts"
]
}
}

0 comments on commit 53eb476

Please sign in to comment.