templates/__design/v2023/components/modal/alert.html.twig line 1

Open in your IDE?
  1. <div
  2.       class="dialog-container"
  3.       id="alert-dialog"
  4.       aria-hidden="true"
  5.       aria-labelledby="alert-dialog-title"
  6.       aria-describedby="alert-dialog-description"
  7.     >
  8.         <div class="dialog-overlay" data-a11y-dialog-hide></div>
  9.         <div class="dialog-content alert-content d-flex-c" role="document">
  10.             <button
  11.                 data-a11y-dialog-hide
  12.                 class="dialog-close"
  13.                 aria-label="Close this dialog window"
  14.             >
  15.                 <svg class="svg-icon" viewBox="0 0 20 20">
  16.                     <path
  17.                     fill="currentcolor"
  18.                     d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"
  19.                     ></path>
  20.                 </svg>
  21.             </button>
  23.             <svg class="alert-icon" viewbox="0 0 80 80">
  24.                 <use class="alert-icon-red"xlink:href="#i-alert"></use>
  25.                 <use class="alert-icon-green"xlink:href="#i-ok"></use>
  26.             </svg>
  28.             <div class="alert-text-container d-flex-c">
  29.                 <h3 class="alert-title fw-700" id="alert-dialog-title" data-dialog-title></h3>
  30.                 <p class="alert-text" id="alert-dialog-description" data-dialog-text></p>
  31.             </div>
  33.             <button class="btn btn-grey-border alert-btn" type="button" data-a11y-dialog-hide>ОК</button>
  34.         </div>
  35.     </div>