asd

styles/buttons.scss

@@ -0,0 +1,34 @@
+button {
+  border: 2px solid rgba(95, 95, 95, 0.5);
+  background-color: transparent;
+  height: 30px;
+  padding: 5px 5px 5px 5px;
+  color: var(--color-font);
+  border-radius: 3px;
+  outline: none;
+  transition: all 50ms linear;
+  cursor: pointer;
+
+  &::placeholder {
+    font-weight: bold;
+  }
+
+  &:hover {
+    border-color: var(--color-accent);
+  }
+
+  &.error {
+    border-color: var(--color-error);
+  }
+  &.success {
+    border-color: var(--color-success);
+  }
+
+  &.warning {
+    border-color: var(--color-warning);
+  }
+
+  &.info {
+    border-color: var(--color-info);
+  }
+}

styles/modules/AdminArticlesCreate.module.scss

@@ -1,10 +1,22 @@
 @import "../variables.scss";
 
 .adminArticlesCreate {
+  & > h1 {
+    text-align: center;
+  }
+  .formControl {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 30px;
+  }
+
   .form {
-    display: grid;
+    display: flex;
+    flex-direction: column;
     gap: 70px;
-    grid-template-columns: $tutorial-content-table-width minmax(0px, 1fr);
+
     margin: 0px auto;
     max-width: 1800px;
     padding: 0px 24px;
@@ -42,17 +54,35 @@
           gap: 10px 10px;
           textarea {
             color: var(--font-color);
-            border: 2px solid rgba(59, 59, 59, 0.434);
+            border: 2px solid #3b3b3b80;
             background-color: transparent;
             min-height: 700px;
             resize: none;
             display: block;
             border-radius: 0px;
             outline: 0;
-            resize: vertical;
+            resize: both;
             font-family: inherit;
             font-size: inherit;
           }
+
+          & > div {
+            max-width: 1000px;
+            border: 2px solid #3b3b3b80;
+          }
+        }
+      }
+
+      .contentTable {
+        .contentTableEditor {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          gap: 10px 10px;
+          & > div {
+            border: 2px solid #3b3b3b80;
+
+            max-width: 1000px;
+          }
         }
       }
     }

styles/modules/markdown.module.scss

@@ -21,7 +21,7 @@
       transition: all 50ms ease-in-out;
 
       svg {
-        fill: #bdbdbd;
+        fill: #bdbdbd3a;
         transition: all 50ms linear;
         &:hover {
           fill: var(--color-accent);

styles/typography.scss

@@ -70,6 +70,10 @@ a {
   font-size: 0.8em;
 }
 
+.text-error {
+  font-weight: bold;
+  color: var(--color-error);
+}
 label {
   font-weight: bold;
   font-size: 0.9em;