From a40445b14124e63bb92a1deeaeb04645351feecf Mon Sep 17 00:00:00 2001
From: Majd_dk <Majd007n82@gmail.com>
Date: Sun, 28 Sep 2025 11:45:50 +0300
Subject: [PATCH] add some style

---
 src/Styles/Pages/exercise.scss        | 36 ++++++++++++++++++++++
 src/Styles/components/LaTeXInput.scss | 43 +++++++++++++++++++--------
 2 files changed, 66 insertions(+), 13 deletions(-)

diff --git a/src/Styles/Pages/exercise.scss b/src/Styles/Pages/exercise.scss
index d12269e..50eefa9 100644
--- a/src/Styles/Pages/exercise.scss
+++ b/src/Styles/Pages/exercise.scss
@@ -365,3 +365,39 @@
     }
   }
 }
+
+.positionButtons{
+  display: flex;
+  margin: 8px;
+  margin-bottom: 30px;
+
+}
+
+.toTop{
+  transform: rotate(-90deg);
+}
+
+.toBotton{
+  transform: rotate(90deg);
+}
+
+.toTop ,
+.toBotton{
+      outline: none;
+      border: none;
+      border-radius: 10px;
+      padding: 5px 10px;
+      background: var(--primary);
+      color: var(--white);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 5px;
+      font-size: 28px;
+      min-width: fit-content;
+      cursor: pointer;
+      transition: 0.5s ease-in-out;
+      &:hover {
+        scale: 1.1;
+      }
+    }
\ No newline at end of file
diff --git a/src/Styles/components/LaTeXInput.scss b/src/Styles/components/LaTeXInput.scss
index 765ce30..04c143c 100644
--- a/src/Styles/components/LaTeXInput.scss
+++ b/src/Styles/components/LaTeXInput.scss
@@ -19,6 +19,11 @@
   //     z-index: 99999;
   // }
 }
+.ant-input,
+.LaTeXInput span  textarea.ant-input {
+  cursor:text !important;
+
+}
 .showPreviewInput {
   background-color: var(--bg);
   position: absolute;
@@ -27,23 +32,17 @@
   width: 100%;
   height: calc(100% - 44px);
   word-wrap: break-word;
-  display: flex;
-  gap: 5px;
-  align-items: baseline;
-  align-content: flex-start;
-  flex-wrap: wrap;
+  /* شيل display:flex حتى ما يكسر النصوص */
+  display: block;
   border-radius: 8px;
   border: 1px solid #d9d9d9;
   padding: 5px 10px;
-  row-gap: 0px;
-  white-space:pre-line;
-      overflow-y: auto;
-    resize: none;
-    // height: 165px;
-    min-height: 164px;
-    max-height: 270px;
-
+  white-space: pre-line;  /* يحترم \n */
+  overflow-y: auto;
+  min-height: 164px;
+  max-height: 270px;
 }
+
 .addMML {
   all: unset;
   font-size: 12px;
@@ -69,6 +68,24 @@
     margin-top: 20px;
   }
 }
+.imageModal{
+  padding: 30px;
+  display: flex;
+  flex-direction: column;
+  .bg-upload{
+    width: fit-content;
+    margin: auto;
+  }
+    .buttons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 20px;
+    gap: 20px;
+    margin-top: 20px;
+  }
+}
+
 .LatexPreview {
   height: 40px;
   display: flex;