diff --git a/web/src/app/globals.scss b/web/src/app/globals.scss
index d49b067..9363187 100644
--- a/web/src/app/globals.scss
+++ b/web/src/app/globals.scss
@@ -1,4 +1,5 @@
$review-border: 1px solid var(--review-border);
+$form-label-fontsize: 1.3rem;
@mixin border-with-radius {
border: $review-border {
@@ -21,6 +22,7 @@ $review-border: 1px solid var(--review-border);
--window-header: #f5f5f5;
--comment-highlighted: #ffffd7;
--comment-area: white;
+ --placeholder-text: rgb(150,150,150);
@media (prefers-color-scheme: dark) {
--page: rgb(15,15,15);
@@ -35,6 +37,7 @@ $review-border: 1px solid var(--review-border);
--window-header: rgb(10,10,10);
--comment-highlighted: #ffffd7;
--comment-area: rgb(20,20,20);
+ --placeholder-text: rgb(80,80,80);
}
}
@@ -51,4 +54,11 @@ button {
a:active, a:link, a:hover {
text-decoration: none;
+}
+
+.spacer {
+ display: block;
+ width: 100%;
+ height: 1px;
+ background-color: var(--review-border);
}
\ No newline at end of file
diff --git a/web/src/app/submissions/[submissionId]/(styles)/page.scss b/web/src/app/submissions/[submissionId]/(styles)/page.scss
index 09314d0..4015f24 100644
--- a/web/src/app/submissions/[submissionId]/(styles)/page.scss
+++ b/web/src/app/submissions/[submissionId]/(styles)/page.scss
@@ -14,13 +14,6 @@
width: 100vw;
}
-.spacer {
- display: block;
- width: 100%;
- height: 1px;
- background-color: var(--review-border);
-}
-
.by-creator {
margin-top: 10px;
}
\ No newline at end of file
diff --git a/web/src/app/submit/(styles)/page.scss b/web/src/app/submit/(styles)/page.scss
index 83fdbea..368d48f 100644
--- a/web/src/app/submit/(styles)/page.scss
+++ b/web/src/app/submit/(styles)/page.scss
@@ -1,5 +1,37 @@
@use "../../globals.scss";
+::placeholder {
+ color: var(--placeholder-text)
+}
+
+.form-spacer {
+ margin-bottom: 20px;
+
+ &:last-of-type {
+ margin-top: 15px;
+ }
+}
+
+#target-asset-radio {
+ color: var(--text-color);
+ font-size: globals.$form-label-fontsize;
+}
+
+.form-field {
+ width: 850px;
+
+ & label, & input {
+ color: var(--text-color);
+ }
+ & fieldset {
+ border-color: rgb(100,100,100);
+
+ }
+ & span {
+ color: white;
+ }
+}
+
main {
display: grid;
justify-content: center;
@@ -15,19 +47,9 @@ header h1 {
form {
display: grid;
- gap: 10px;
+ gap: 25px;
- input {
- @include globals.border-with-radius;
- outline: none;
- background-color: var(--comment-area);
- height: 40px;
- width: 500px;;
- font-size: 1.2rem;
- margin-bottom: 15px;
+ fieldset {
+ border: blue
}
- label {
- font-size: 1.3rem;
- color: var(--text-color);
- }
-}
\ No newline at end of file
+}
diff --git a/web/src/app/submit/page.tsx b/web/src/app/submit/page.tsx
index bec7256..f8c6154 100644
--- a/web/src/app/submit/page.tsx
+++ b/web/src/app/submit/page.tsx
@@ -1,4 +1,6 @@
-import { FormControl, FormLabel, RadioGroup, FormControlLabel, Button } from "@mui/material"
+"use client"
+
+import { FormControl, FormLabel, RadioGroup, FormControlLabel, Button, TextField } from "@mui/material"
import SendIcon from '@mui/icons-material/Send';
import Webpage from "@/app/_components/webpage"
import Radio from '@mui/material/Radio';
@@ -10,45 +12,35 @@ const enum Map {
Fix,
}
-interface FormDetails {
- label: string,
- id: string,
-}
-
-function Field(form_details: FormDetails) {
- return (<>
-
-
- >)
-}
-
function TargetAsset() {
- return
- Target Asset
-
+ return (
+ Target:
+
} label="New"/>
} label="Fix"/>
-
+ )
}
export default function SubmissionInfoPage() {
return (
-
+
-