pav
/
pav-fe-kac-pal
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

.

master
김지은 1 month ago
parent
522b164861
commit
fd467a0588
2 changed files with 32 additions and 21 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      src/assets/css/custom.css
  2. 40
      src/views/vertiport/VertiportView.js

13
src/assets/css/custom.css
Unescape View File

@ -1190,14 +1190,19 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.vertiport-tab *{color:#333} .vertiport-tab *{color:#333}
.vertiport-tab .tab-content{display:block;} .vertiport-tab .tab-content{display:block;}
.uam-layer{background:#fff;top:0;left:0;position:absolute;z-index:999;overflow:auto;padding:14px;max-width:350px;height:100%;} .uam-layer{background:#fff;top:0;left:0;position:absolute;z-index:999;overflow:auto;padding:14px;max-width:350px;height:100%;}
.fato{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;background:#ddd} .fato{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;border:2px dotted #ddd;}
.fato-box + .fato-box{margin-top:3rem} .fato .num{background:#f4f4f4;width:110px;height:110px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-weight:500}
.fato-box + .fato-box{margin-top:6rem}
.gate-box{width:600px;display:flex;align-items:center;justify-content:center;position: relative;} .gate-box{width:600px;display:flex;align-items:center;justify-content:center;position: relative;}
.gate-box + .gate-box{margin-top:79px} .gate-box + .gate-box{margin-top:79px}
.gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;background:pink;position: relative;z-index: 10;} .gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;border:2px dotted rgba(138, 28, 5, 1);position: relative;z-index: 10;}
.gate .num{background:#ffe8e8;width:90px;height:90px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-weight:500}
.gate + .gate{margin-left:8rem} .gate + .gate{margin-left:8rem}
.map-line{border:1px solid #ddd;width:800px;height:180px;position: absolute;left:50%;top:50px;transform: translate(-50%,0);border-radius:30px;} .map-line{border:1px solid #ddd;width:800px;height:180px;position: absolute;left:50%;top:50px;transform: translate(-50%,0);border-radius:30px;}
.gate-map .gate-box:last-child .map-line::after{display:none} .gate-map .gate-box:last-child .map-line::after{display:none}
.hanger{display:flex;align-items:center;justify-content:center;width:180px;height:180px;border:2px dotted #ddd;}
.hanger .num{background:#f4f4f4;width:170px;height:170px;display:flex;justify-content:center;align-items:center;font-weight:500}
.hanger-box + .hanger-box{margin-top:3rem}
.vertiport-table *{font-size:0.825rem} .vertiport-table *{font-size:0.825rem}
.vertiport-table .table-st tbody tr td{text-align:center;position: relative;} .vertiport-table .table-st tbody tr td{text-align:center;position: relative;}
.vertiport-tab{margin-top:0.5rem} .vertiport-tab{margin-top:0.5rem}
@ -1208,6 +1213,8 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.time-bar .num{position: absolute;background:rgba(250, 212, 61, 0.5);display:block;height:20px;line-height:20px;width:70px;font-weight:500;} .time-bar .num{position: absolute;background:rgba(250, 212, 61, 0.5);display:block;height:20px;line-height:20px;width:70px;font-weight:500;}
.time-bar .bar-bg{position: absolute;left:70px;background:rgba(0, 0, 0, 0.3);display:block;height:20px;} .time-bar .bar-bg{position: absolute;left:70px;background:rgba(0, 0, 0, 0.3);display:block;height:20px;}
.ti-h3{font-size: 1.1875rem;font-weight: 500;margin-bottom:14px;} .ti-h3{font-size: 1.1875rem;font-weight: 500;margin-bottom:14px;}
.bg-line{border-left:1px solid #ddd;} .bg-line{border-left:1px solid #ddd;}
.tab-btn .btn-group{display:flex;width:100%} .tab-btn .btn-group{display:flex;width:100%}

40
src/views/vertiport/VertiportView.js
Unescape View File

@ -97,50 +97,54 @@ export default function VertiportView() {
<div className='vertiport-map'> <div className='vertiport-map'>
<div> <div>
<div className='fato-box'> <div className='fato-box'>
<span className='fato'>F1</span> <span className='fato'>
<span className='num'>F1</span>
</span>
</div> </div>
<div className='fato-box'> <div className='fato-box'>
<span className='fato'>F2</span> <span className='fato'>
<span className='num'>F2</span>
</span>
</div> </div>
</div> </div>
<div className='gate-map'> <div className='gate-map'>
<div className='gate-wrap'> <div className='gate-wrap'>
<div className='gate-box'> <div className='gate-box'>
<span className='gate'>G1</span> <span className='gate'><span className='num'>G1</span></span>
<span className='gate'>G2</span> <span className='gate'><span className='num'>G2</span></span>
<span className='map-line'></span> <span className='map-line'></span>
</div> </div>
<div className='gate-box'> <div className='gate-box'>
<span className='gate'>G3</span> <span className='gate'><span className='num'>G3</span></span>
<span className='gate'>G4</span> <span className='gate'><span className='num'>G4</span></span>
<span className='map-line'></span> <span className='map-line'></span>
</div> </div>
<div className='gate-box'> <div className='gate-box'>
<span className='gate'>G5</span> <span className='gate'><span className='num'>G5</span></span>
<span className='gate'>G6</span> <span className='gate'><span className='num'>G6</span></span>
<span className='map-line'></span> <span className='map-line'></span>
</div> </div>
<div className='gate-box'> <div className='gate-box'>
<span className='gate'>G7</span> <span className='gate'><span className='num'>G7</span></span>
<span className='gate'>G8</span> <span className='gate'><span className='num'>G8</span></span>
<span className='map-line'></span> <span className='map-line'></span>
</div> </div>
<div className='gate-box'> <div className='gate-box'>
<span className='gate'>G9</span> <span className='gate'><span className='num'>G9</span></span>
<span className='gate'>G10</span> <span className='gate'><span className='num'>G10</span></span>
{/* <span className='map-line'></span> */} {/* <span className='map-line'></span> */}
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<div> <div className='hanger-box'>
<span className='fato'>H1</span> <span className='hanger'><span className='num'>H1</span></span>
</div> </div>
<div> <div className='hanger-box'>
<span className='fato'>H2</span> <span className='hanger'><span className='num'>H2</span></span>
</div> </div>
<div> <div className='hanger-box'>
<span className='fato'>H3</span> <span className='hanger'><span className='num'>H3</span></span>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save