Projekt

Obecné

Profil

« Předchozí | Další » 

Revize c5e7ba51

Přidáno uživatelem Ondřej Váně před asi 4 roky(ů)

Re #7817: Responzivní navigační lišta

- přidání stínu do navigační lišty
- přidání globálního stylu, pro odsazení obsahu stránky od navigačního menu

Zobrazit rozdíly:

fe/fulltextsearch/src/app/components/pages/upload/upload.component.html
1 
<div class="text-box">
2 
  <div class="card">
3 
    <h1 class="card-header">Upload files</h1>
4 
    <div class="card-body">
5 
      <div class="row justify-content-center align-items-center">
6 
        <input type="file" (change)="onFilesSelected($event)" multiple #fileInput accept="image/jpeg, image/png, application/xml">
7 
        <button class="btn btn-outline-secondary" type="button" (click)="fileInput.click()">Pick files</button>
8 
        <button class="btn btn-outline-secondary" type="button" (click)="onUpload()">Upload</button>
9 
      </div>
10 
      <mat-progress-bar mode="determinate" [value]="progress" color="warn"></mat-progress-bar>
11 
      <div class="row justify-content-center align-items-center">
12 
        <h2>{{progress + '%'}}</h2>
13 
      </div>
14 
      <ul class="list-group">
15 
        <li class="list-group-item" *ngFor="let file of selectedFiles">
16 
          {{ file.name }}
17 
        </li>
18 
      </ul>
19 
      <div class="row justify-content-center align-items-center">
20 
        <h2>{{resultMessage}}</h2>
1 
<div class="page-top-margin">
2 
  <div class="text-box">
3 
    <div class="card">
4 
      <h1 class="card-header">Upload files</h1>
5 
      <div class="card-body">
6 
        <div class="row justify-content-center align-items-center">
7 
          <input type="file" (change)="onFilesSelected($event)" multiple #fileInput accept="image/jpeg, image/png, application/xml">
8 
          <button class="btn btn-outline-secondary" type="button" (click)="fileInput.click()">Pick files</button>
9 
          <button class="btn btn-outline-secondary" type="button" (click)="onUpload()">Upload</button>
10 
        </div>
11 
        <mat-progress-bar mode="determinate" [value]="progress" color="warn"></mat-progress-bar>
12 
        <div class="row justify-content-center align-items-center">
13 
          <h2>{{progress + '%'}}</h2>
14 
        </div>
15 
        <ul class="list-group">
16 
          <li class="list-group-item" *ngFor="let file of selectedFiles">
17 
            {{ file.name }}
18 
          </li>
19 
        </ul>
20 
        <div class="row justify-content-center align-items-center">
21 
          <h2>{{resultMessage}}</h2>
22 
        </div>
21 23 
      </div>
22 24 
    </div>
23 25 
  </div>
24 26 
</div>
27 

  		












Také k dispozici:  Unified diff