canvas frame 설정
This commit is contained in:
parent
b97d883a16
commit
22908e241a
11
public/static/images/sub/attachment_ico.svg
Normal file
11
public/static/images/sub/attachment_ico.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="ico">
|
||||
<circle id="Ellipse 2012" cx="11.5" cy="12" r="11.5" fill="#45576F"/>
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M9.66678 12.8193C9.7612 12.9739 9.87323 13.1202 10.0029 13.2552C10.8079 14.093 12.0349 14.224 12.9718 13.6481C13.1454 13.5414 13.3091 13.4104 13.4582 13.2552L15.6178 11.0076C16.572 10.0145 16.572 8.40447 15.6178 7.41141C14.6637 6.41836 13.1166 6.41836 12.1625 7.41142L11.6868 7.90648" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector_2" d="M10.313 16.0933L9.83718 16.5885C8.88301 17.5816 7.33598 17.5816 6.3818 16.5885C5.42762 15.5955 5.42762 13.9854 6.3818 12.9924L8.54141 10.7448C9.49559 9.75174 11.0426 9.75174 11.9968 10.7448C12.1264 10.8797 12.2384 11.026 12.3328 11.1806" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector_3" d="M17.0003 14.6666H15.6143M13.6669 18L13.6669 16.614" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_4" d="M5 9.33333H6.38593M8.33333 6L8.33333 7.38593" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
4
public/static/images/sub/click_check_ico.svg
Normal file
4
public/static/images/sub/click_check_ico.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="7" cy="7.5" r="6.5" fill="white" stroke="#F16A6A"/>
|
||||
<path d="M6.507 9.228L6.276 5.169L6.221 3.629H7.849L7.794 5.169L7.563 9.228H6.507ZM7.035 12.154C6.74167 12.154 6.49967 12.0513 6.309 11.846C6.12567 11.6407 6.034 11.3913 6.034 11.098C6.034 10.79 6.12567 10.537 6.309 10.339C6.49967 10.141 6.74167 10.042 7.035 10.042C7.32833 10.042 7.56667 10.141 7.75 10.339C7.94067 10.537 8.036 10.79 8.036 11.098C8.036 11.3913 7.94067 11.6407 7.75 11.846C7.56667 12.0513 7.32833 12.154 7.035 12.154Z" fill="#F16A6A"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 620 B |
6
public/static/images/sub/minus_btn.svg
Normal file
6
public/static/images/sub/minus_btn.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="ico">
|
||||
<circle id="Ellipse 2011" cx="6.5" cy="7" r="6.5" fill="white"/>
|
||||
<rect id="Rectangle 17867" x="4" y="7.5" width="1" height="5" transform="rotate(-90 4 7.5)" fill="#94A0AD"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 295 B |
5
public/static/images/sub/plus_btn.svg
Normal file
5
public/static/images/sub/plus_btn.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="6.5" cy="7" r="6.5" fill="white"/>
|
||||
<rect x="6" y="4.5" width="1" height="5" fill="#304961"/>
|
||||
<rect x="4" y="7.5" width="1" height="5" transform="rotate(-90 4 7.5)" fill="#304961"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 296 B |
@ -1,5 +1,6 @@
|
||||
import SingleDatePicker from "../common/datepicker/SingleDatePicker";
|
||||
import Footer from "../layout/Footer";
|
||||
import ProductFeaturesPop from "./estimatepop/ProductFeaturesPop";
|
||||
|
||||
export default function CanvasEstimate() {
|
||||
return(
|
||||
@ -7,7 +8,7 @@ export default function CanvasEstimate() {
|
||||
<div className="sub-content-inner">
|
||||
<div className="sub-content-box">
|
||||
<div className="sub-table-box">
|
||||
<div className="estimate-list-wrap">
|
||||
<div className="estimate-list-wrap one">
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">品番</div>
|
||||
<div className="estimate-name">RX524231020006 (Plan No: 1)</div>
|
||||
@ -153,8 +154,8 @@ export default function CanvasEstimate() {
|
||||
<div className="title-wrap">
|
||||
<h3>ファイル添付</h3>
|
||||
<div className="d-check-box light mr5">
|
||||
<input type="checkbox" id="ch01" />
|
||||
<label htmlFor="ch01" style={{color: '#101010'}}>後日資料提出</label>
|
||||
<input type="checkbox" id="ch99" />
|
||||
<label htmlFor="ch99" style={{color: '#101010'}}>後日資料提出</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -185,7 +186,7 @@ export default function CanvasEstimate() {
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div className="common-table">
|
||||
<div className="common-table bt-able">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style={{width: '160px'}}/>
|
||||
@ -206,10 +207,208 @@ export default function CanvasEstimate() {
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div className="table-box-title-wrap">
|
||||
<div className="title-wrap">
|
||||
<h3 className="product">見積もりの具体的な</h3>
|
||||
<div className="product_tit">製品情報</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-wrap">
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch01" />
|
||||
<label htmlFor="ch01">共通 </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch02" />
|
||||
<label htmlFor="ch02">積上げ(YJOD) </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch03" />
|
||||
<label htmlFor="ch03">出力制御の時 (中三電以外)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch04" />
|
||||
<label htmlFor="ch04">北面設置 </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch05" />
|
||||
<label htmlFor="ch05">塩害地域 </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch06" />
|
||||
<label htmlFor="ch06">積雪地域 </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch07" />
|
||||
<label htmlFor="ch07">屋根材・寸法・レイアウト </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch08" />
|
||||
<label htmlFor="ch08">施工関連 </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item act">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch09" />
|
||||
<label htmlFor="ch09">別途費用</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch10" />
|
||||
<label htmlFor="ch10">過積載</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch11" />
|
||||
<label htmlFor="ch11">パワコン・蓄電池 PCS </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch12" />
|
||||
<label htmlFor="ch12">架台</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch13" />
|
||||
<label htmlFor="ch13">Q.SUPREME </label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch14" />
|
||||
<label htmlFor="ch14">HEMS</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="special-note-check-item">
|
||||
<div className="d-check-box light">
|
||||
<input type="checkbox" id="ch15" />
|
||||
<label htmlFor="ch15">概算見積概算見積</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="calculation-estimate">
|
||||
<dl>
|
||||
<dt>ダイドハント (D Y 4)(DY5)</dt>
|
||||
<dd>・木製垂木の場合、幅38㎜×厚さ40㎜以上、間隔455㎜以下となります。 </dd>
|
||||
<dd>・本見積は概算見積です。詳細設計時、及び構造計算時に材料等の変更の可能性があります。 </dd>
|
||||
<dd>・金具が取付可能と仮定して積算しております。ご注文前に必ず現調シートをご提出頂けます様、お願い致します。 </dd>
|
||||
<dd>・設置基準を満たした屋根面と仮定して積算しております。屋根材固定強度等、施工マニュアルをご参照の上、ご確認ください。</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>ワンカチ </dt>
|
||||
<dd>・風速は46ｍ/sを超える地域は設置不可となります。 </dd>
|
||||
<dd>・屋根材質は鋼板製（JIS A6514規格品の内）として御見積もり作成しております。 </dd>
|
||||
<dd>・屋根材板厚は0.6㎜以上として御見積もり作成しております。</dd>
|
||||
<dd>ピッチ外 ・若し現場で太陽電池モジュール 固定範囲から 両端の金具 がはみ出た 場合は、</dd>
|
||||
<dd>弊社システム保証対象外になりますので充分 ご注意下さい 。"</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div className="table-box-title-wrap">
|
||||
<div className="title-wrap">
|
||||
<h3>製品情報</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="esimate-wrap">
|
||||
<div className="estimate-list-wrap one">
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">数量 (PCS)</div>
|
||||
<div className="estimate-name blue">74</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">容量 (Kw)</div>
|
||||
<div className="estimate-name blue">8300</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">供給価格</div>
|
||||
<div className="estimate-name blue">6,798,900</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">税 (10％)</div>
|
||||
<div className="estimate-name blue">679,890</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">総額</div>
|
||||
<div className="estimate-name red">7,478,790</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="common-table bt-able">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style={{width : '160px'}}/>
|
||||
<col />
|
||||
<col style={{width : '160px'}}/>
|
||||
<col />
|
||||
<col style={{width : '160px'}}/>
|
||||
<col />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>住宅PKG単価 (W)<span className="important">*</span></th>
|
||||
<td>
|
||||
<div className="input-wrap">
|
||||
<input type="text" className="input-light" />
|
||||
</div>
|
||||
</td>
|
||||
<th>PKG容量(Kw)</th>
|
||||
<td>
|
||||
(モジュール容量×数量)÷1000
|
||||
</td>
|
||||
<th>PKG金額</th>
|
||||
<td>
|
||||
PKG単価 (W)×PKG容量(W)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div className="estimate-product-option">
|
||||
<div className="product-price-wrap">
|
||||
<div className="product-price-tit">価格表示</div>
|
||||
<div className="select-wrap">
|
||||
<select className="select-light" name="" id="" >
|
||||
<option>定価</option>
|
||||
</select>
|
||||
</div>
|
||||
<button className="btn-origin grey ml5">Pricing</button>
|
||||
</div>
|
||||
<div className="product-edit-wrap">
|
||||
<div className="product-edit-explane">
|
||||
<div className="attachment-required"><span className="ico"></span>添付必須</div>
|
||||
<div className="click-check"><span className="ico"></span>クリックして製品の特異性を確認する</div>
|
||||
</div>
|
||||
<div className="product-edit-btn">
|
||||
<button className="btn-origin navy mr5"><span className='plus'></span> 製品を追加</button>
|
||||
<button className="btn-origin grey"><span className='minus'></span>製品削除</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Footer/>
|
||||
|
||||
{/* 제품 특이사항 */}
|
||||
<ProductFeaturesPop/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
38
src/components/canvas/estimatepop/ProductFeaturesPop.jsx
Normal file
38
src/components/canvas/estimatepop/ProductFeaturesPop.jsx
Normal file
@ -0,0 +1,38 @@
|
||||
export default function ProductFeaturesPop(){
|
||||
return(
|
||||
<div className="modal-popup">
|
||||
<div className="modal-dialog">
|
||||
<div className="modal-content">
|
||||
<div className="modal-header">
|
||||
<h1 className="title">設計依頼のインポート </h1>
|
||||
<button className="modal-close">닫기</button>
|
||||
</div>
|
||||
<div className="modal-body">
|
||||
<div className="modal-body-inner border">
|
||||
<div className="calculation-estimate">
|
||||
<dl>
|
||||
<dt>ダイドハント (D Y 4)(DY5)</dt>
|
||||
<dd>・木製垂木の場合、幅38㎜×厚さ40㎜以上、間隔455㎜以下となります。 </dd>
|
||||
<dd>・本見積は概算見積です。詳細設計時、及び構造計算時に材料等の変更の可能性があります。 </dd>
|
||||
<dd>・金具が取付可能と仮定して積算しております。ご注文前に必ず現調シートをご提出頂けます様、お願い致します。 </dd>
|
||||
<dd>・設置基準を満たした屋根面と仮定して積算しております。屋根材固定強度等、施工マニュアルをご参照の上、ご確認ください。</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>ワンカチ </dt>
|
||||
<dd>・風速は46ｍ/sを超える地域は設置不可となります。 </dd>
|
||||
<dd>・屋根材質は鋼板製（JIS A6514規格品の内）として御見積もり作成しております。 </dd>
|
||||
<dd>・屋根材板厚は0.6㎜以上として御見積もり作成しております。</dd>
|
||||
<dd>ピッチ外 ・若し現場で太陽電池モジュール 固定範囲から 両端の金具 がはみ出た 場合は、</dd>
|
||||
<dd>弊社システム保証対象外になりますので充分 ご注意下さい 。"</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-btn-wrap">
|
||||
<button className="btn-origin navy ">閉じる</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -390,8 +390,8 @@
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1600px;
|
||||
height: 1000px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -543,6 +543,26 @@
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
margin-right: 14px;
|
||||
&.product{
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.product_tit{
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #1083E3;
|
||||
padding-left: 10px;
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 1px;
|
||||
height: 11px;
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
}
|
||||
.option{
|
||||
padding-left: 5px;
|
||||
@ -651,6 +671,13 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
&.one{
|
||||
.estimate-box{
|
||||
&:last-child{
|
||||
min-width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
.estimate-box{
|
||||
flex: 1 ;
|
||||
display: flex;
|
||||
@ -675,6 +702,16 @@
|
||||
color: #344356;
|
||||
margin-left: 14px;
|
||||
font-weight: 400;
|
||||
&.blue{
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #1083E3;
|
||||
}
|
||||
&.red{
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #D72A2A;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-child{
|
||||
@ -731,6 +768,159 @@
|
||||
}
|
||||
}
|
||||
|
||||
.special-note-check-wrap{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
border: 1px solid #ECF0F4;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 30px;
|
||||
.special-note-check-item{
|
||||
padding: 14px 10px;
|
||||
border-right: 1px solid #ECF0F4;
|
||||
border-top: 1px solid #ECF0F4;
|
||||
&:nth-child(5n){
|
||||
border-right: none;
|
||||
}
|
||||
&:nth-child(-n+5){
|
||||
border-top: none;
|
||||
}
|
||||
&.act{
|
||||
background-color: #F7F9FA;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.calculation-estimate{
|
||||
border: 1px solid #ECF0F4;
|
||||
border-radius: 3px;
|
||||
padding: 24px;
|
||||
max-height: 350px;
|
||||
overflow-y: auto;
|
||||
margin-bottom: 30px;
|
||||
dl{
|
||||
margin-bottom: 35px;
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
dt{
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #1083E3;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
dd{
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #45576F;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
&::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
background-color: transparent;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: #d9dee2;
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
.esimate-wrap{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.estimate-product-option{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
.product-price-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.product-price-tit{
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: #45576F;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.select-wrap{
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
.product-edit-wrap{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
.product-edit-explane{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 15px;
|
||||
.attachment-required{
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #45576F;
|
||||
padding-right: 10px;
|
||||
.ico{
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
margin-right: 5px;
|
||||
background: url(../../public/static/images/sub/attachment_ico.svg)no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
&::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 1px;
|
||||
height: 12px;
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
}
|
||||
.click-check{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #F16A6A ;
|
||||
padding-left: 10px;
|
||||
.ico{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-right: 5px;
|
||||
background: url(../../public/static/images/sub/click_check_ico.svg)no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
.product-edit-btn{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
button{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
margin-right: 5px;
|
||||
background-size: cover;
|
||||
&.plus{
|
||||
background: url(../../public/static/images/sub/plus_btn.svg)no-repeat center;
|
||||
}
|
||||
&.minus{
|
||||
background: url(../../public/static/images/sub/minus_btn.svg)no-repeat center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 발전시물레이션
|
||||
.chart-wrap{
|
||||
display: flex;
|
||||
|
||||
@ -712,7 +712,7 @@ input[type=text]{
|
||||
left: 0;
|
||||
margin-left: -12px;
|
||||
border: 1px solid #D6D6D7;
|
||||
background-color: transparent;
|
||||
background-color: #fff;
|
||||
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
&:after{
|
||||
@ -743,6 +743,11 @@ input[type=text]{
|
||||
-ms-transform: translate(7.75px,4.5px) rotate(45deg);
|
||||
}
|
||||
&.pop{
|
||||
label{
|
||||
&:before{
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
input[type=checkbox]:checked + label::after{
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user