Optimize UI interface

2023-10-30 11:57:01 +08:00
parent ecfbe4e061
commit 00d7a3ff0b
7 changed files with 86 additions and 43 deletions
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -129,9 +129,37 @@ footer {
  justify-content: space-between;
 }

-
 .flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
+}
+
+.current-practice-dict {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding-bottom: $space;
+  box-sizing: border-box;
+
+  header {
+    padding: 8rem $space;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 14rem;
+    color: black;
+
+    .left {
+      display: flex;
+      align-items: center;
+      gap: 10rem;
+    }
+  }
+
+  .scroll {
+    padding: 0 $space;
+    flex: 1;
+    overflow: auto;
+  }
 }