diff options
| author | Zachary Zhang <zacharyzhang7@gmail.com> | 2024-06-13 14:25:53 -0400 |
|---|---|---|
| committer | Zachary Zhang <zacharyzhang7@gmail.com> | 2024-06-13 14:25:53 -0400 |
| commit | 53465ea035635f4fff53b7f481e0116b139b1e10 (patch) | |
| tree | 4de369b424f1014930345da66acd58617f5653b4 /src/client/views/nodes/DiagramBox.scss | |
| parent | cfe7b6275b0c0e9184665d4d28d467b071e2d705 (diff) | |
add LR vs TD graph detector
Diffstat (limited to 'src/client/views/nodes/DiagramBox.scss')
| -rw-r--r-- | src/client/views/nodes/DiagramBox.scss | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/src/client/views/nodes/DiagramBox.scss b/src/client/views/nodes/DiagramBox.scss index 5b12c6f89..d73dd2a97 100644 --- a/src/client/views/nodes/DiagramBox.scss +++ b/src/client/views/nodes/DiagramBox.scss @@ -35,6 +35,97 @@ flex-direction: column; align-items: center; justify-content: center; + .contentCode{ + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-direction:row; + padding:10px; + width:100%; + height:100%; + .topbar{ + .backButtonDrawing{ + padding: 5px 10px; + height:23px; + border-radius: 10px; + text-align: center; + padding:0; + width:50px; + font-size:10px; + position:absolute; + top:10px; + left:10px; + } + p{ + margin-left:60px + } + } + .search-bar { + overflow:hidden; + position:absolute; + top:0; + .backButton{ + text-align: center; + padding:0; + width:50px; + font-size:10px; + + } + .exampleButton{ + width:100px; + height:30px; + } + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + width: 100%; + button { + padding: 5px 10px; + width:80px; + height:23px; + border-radius: 3px; + } + } + .exampleButtonContainer{ + display:flex; + flex-direction: column; + position: absolute; + top:37px; + right:30px; + width:50px; + z-index: 200; + button{ + width:70px; + margin:2px; + padding:0px; + height:15px; + border-radius: 3px; + } + } + textarea { + position:relative; + width:40%; + height: 100%; + height: calc(100% - 25px); + top:15px; + resize:none; + overflow: hidden; + } + .diagramBox{ + flex: 1; + display: flex; + justify-content: center; + align-items: center; + svg{ + position: relative; + top:25; + max-width: none !important; + height: calc(100% - 50px); + } + } + } .content { overflow: hidden; display: flex; |