summaryrefslogtreecommitdiffstats
path: root/components/modal/error-modal.html
blob: 5a3b5fb1a9e188d9fd4d1a2be3a49c12c375088c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="sdc-modal sm">
   <div class="sdc-modal__wrapper sdc-modal-type-error">
      <div class="sdc-modal__header">
         <div class="svg-icon-wrapper sdc-modal__icon sdc-modal__svg-use   bottom">
            <svg class="svg-icon __error" viewBox="0 0 17 17">
               <title>error</title>
               <g id="Layer_2" data-name="Layer 2">
                  <g id="Layer_1-2" data-name="Layer 1">
                     <path d="M8.5,1A7.5,7.5,0,1,1,1,8.5,7.51,7.51,0,0,1,8.5,1m0-1A8.5,8.5,0,1,0,17,8.5,8.5,8.5,0,0,0,8.5,0Z"></path>
                     <polygon points="11.6 6.1 10.9 5.4 8.5 7.79 6.1 5.4 5.4 6.1 7.79 8.5 5.4 10.9 6.1 11.6 8.5 9.21 10.9 11.6 11.6 10.9 9.21 8.5 11.6 6.1"></polygon>
                  </g>
               </g>
            </svg>            
         </div>
         <div class="title ">Title</div>
         <div class="svg-icon-wrapper sdc-modal__close-button-svg sdc-modal__close-button  clickable bottom">
            <svg class="svg-icon __close" version="1.1" id="close_icon" x="0px" y="0px" viewBox="0 0 10.1 10.1" xml:space="preserve">
               <g transform="translate(0,-952.36218)">
                  <path d="M0.5,952.4c-0.2,0-0.4,0.2-0.4,0.5c0,0.1,0.1,0.2,0.1,0.3l4.3,4.3l-4.3,4.3c-0.2,0.2-0.2,0.4,0,0.6c0.2,0.2,0.4,0.2,0.6,0
                     l0,0l4.3-4.4l4.3,4.3c0.2,0.2,0.4,0.2,0.6,0s0.2-0.4,0-0.6l0,0l-4.3-4.3l4.3-4.3c0.2-0.2,0.2-0.4,0-0.6c-0.1-0.1-0.2-0.1-0.4-0.1
                     c-0.1,0-0.2,0.1-0.3,0.1l-4.2,4.3l-4.3-4.3C0.8,952.4,0.6,952.4,0.5,952.4z"></path>
               </g>
            </svg>    
         </div>
      </div>
      <div class="sdc-modal__content ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus nisl, egestas vitae erat non,pulvinar lacinia libero. Integer pulvinar pellentesque accumsan. Sed hendrerit lacus eu tempus pharetra</div>
      <div class="sdc-modal__footer">
         <div><button class="sdc-button sdc-button__primary   ">Ok</button></div>
      </div>
   </div>
</div>
<div class="modal-background"></div>