From 048e58c3b286b89ab66b65a899a2693f4bafa681 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 10 Jun 2020 15:50:15 +0800
Subject: feat(front): Make post editer beatiful.

---
 Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx | 4 ++--
 Timeline/ClientApp/src/timeline/timeline.sass        | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'Timeline/ClientApp/src')

diff --git a/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx b/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx
index 16ce445a..d266bd8d 100644
--- a/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx
+++ b/Timeline/ClientApp/src/timeline/TimelinePostEdit.tsx
@@ -178,10 +178,10 @@ const TimelinePostEdit: React.FC<TimelinePostEditProps> = (props) => {
   return (
     <div ref={containerRef} className="container-fluid fixed-bottom bg-light">
       <Row>
-        <Col className="px-0">
+        <Col className="px-1 py-1">
           {kind === 'text' ? (
             <textarea
-              className="w-100 h-100"
+              className="w-100 h-100 timeline-post-edit"
               value={text}
               disabled={state === 'process'}
               onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {
diff --git a/Timeline/ClientApp/src/timeline/timeline.sass b/Timeline/ClientApp/src/timeline/timeline.sass
index dad5251c..c9f88a22 100644
--- a/Timeline/ClientApp/src/timeline/timeline.sass
+++ b/Timeline/ClientApp/src/timeline/timeline.sass
@@ -116,3 +116,11 @@ $timeline-line-color-current: #36c2e6
 .mask
   background: change-color($color: white, $alpha: 0.8)
   z-index: 100
+
+textarea.timeline-post-edit
+  @extend .border-primary
+  @extend .rounded
+
+  &:focus
+    outline: none
+    box-shadow: 0 0 5px 0 $primary
-- 
cgit v1.2.3