feat(auth): implement login authorization

feat(font): implement satoshi font family
2026-01-11 15:44:51 +06:00
parent bd6f1d2333
commit 1506c25796
35 changed files with 3870 additions and 7 deletions
--- a/src/assets/math-styles.css
+++ b/src/assets/math-styles.css
@ -0,0 +1,132 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v8.4.14,
+* Autoprefixer: v10.4.7
+* Browsers: last 4 version
+*/
+
+/* Math Rendering Styles */
+
+/* General math container */
+.math-content {
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+/* Inline math */
+.math-inline {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+/* Block math */
+.math-block {
+  display: block;
+  margin: 1rem 0;
+  overflow-x: auto;
+  text-align: center;
+}
+
+/* Math editor toolbar */
+.math-symbols-toolbar {
+  background-color: #f7f7f7;
+  border-radius: 6px;
+  padding: 0.75rem;
+  margin-top: 0.5rem;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.math-symbols-toolbar button {
+  margin-right: 0.25rem;
+  margin-bottom: 0.25rem;
+  -webkit-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+
+.math-symbols-toolbar button:hover {
+  background-color: #6e44ff;
+  color: white;
+}
+
+/* Math examples section */
+.math-examples {
+  background-color: #f8f9fa;
+  border-radius: 6px;
+  padding: 0.75rem;
+  margin-top: 0.5rem;
+  border: 1px solid #e9ecef;
+}
+
+.math-examples table {
+  margin-bottom: 0;
+}
+
+.math-examples th,
+.math-examples td {
+  padding: 0.4rem 0.5rem;
+  vertical-align: middle;
+}
+
+.math-examples code {
+  background-color: rgba(110, 68, 255, 0.1);
+  color: #6e44ff;
+  padding: 0.2rem 0.4rem;
+  border-radius: 4px;
+}
+
+/* Question option styling */
+.option-content {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  max-width: calc(100% - 60px);
+}
+
+/* Short answer styling */
+.short-answer-content {
+  background-color: rgba(0, 199, 164, 0.05);
+  border: 1px solid #00c7a4;
+  border-radius: 6px;
+  padding: 1rem;
+}
+
+/* Katex specific overrides */
+.katex {
+  font-size: 1.1em;
+}
+
+.katex-display {
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding: 0.5rem 0;
+}
+
+/* Preview mode styling */
+.preview-container {
+  min-height: 100px;
+  background-color: #fff;
+  border: 1px solid #dbdbdb;
+  border-radius: 6px;
+  padding: 1rem;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+/* Tabs styling */
+.tabs ul {
+  border-bottom-color: #dbdbdb;
+}
+
+.tabs li.is-active a {
+  border-bottom-color: #6e44ff;
+  color: #6e44ff;
+}
+
+/* Textarea focus styling */
+#math-editor-textarea:focus {
+  border-color: #6e44ff;
+  -webkit-box-shadow: 0 0 0 0.125em rgba(110, 68, 255, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(110, 68, 255, 0.25);
+}