SalesGames Dokumentacja

# Moduł: addPhoto

# W katalogu

|--src/                           →  Pliki źródłowe
|  |--modules/                    →  Moduły: katalog główny
|  |  |--addPhoto/                   
|  |  |  |--addPhoto.twig       
|  |  |  |--addPhoto.scss

# CSS

# Dostępne wartości do zmiany
Zmienna Wartość domyślna Opis
$ap-border-radius rem(4) zakrąglenia
$ap-background-color $color-white kolor tła
$ap-border solid rem(1) #c9c9c9 border

# HTML

<div class="addPhotoWrap">
  <div>
    <div class="addPhoto dropzone dz-clickable">
      <input class="dropzone-validation" name="validation11" required="" aria-required="true">
      <div class="dz-message">
        <img src="./img/icon__camera.svg" alt="">
        <button type="button" class="btn btn-primary btn-block">WYBIERZ ZDJĘCIE</button>
      </div>
    </div>
  </div>
  <div>
    <div class="form-module">
      <div class="input-field">
        <label for="">Tytuł</label>
        <input type="text" name="fname" required>
      </div>
    </div>
    <div class="form-module">
      <div class="input-field">
        <label for="">Miejscowość</label>
        <input type="text" name="lname" required>
      </div>                
    </div>
  </div>
</div>
<div id="preview-template" style="display: none">
  <div class="dz-preview dz-image-preview">
    <div class="add-file btn btn-primary">zmień</div>
    <div class="dz-image">
      <img data-dz-thumbnail />
    </div>
    <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
    <div class="dz-details" style="display: none">
      <div class="dz-filename"><span data-dz-name></span></div>
      <div class="dz-size" data-dz-size></div>
      <div class="dz-success-mark"><span>✔</span></div>
      <div class="dz-error-mark"><span>zmieñ</span></div>
      <div class="dz-error-message"><span data-dz-errormessage></span></div>
    </div>
  </div>
</div>

← Filters →