diff options
| author | Mario <mario@mariovavti.com> | 2021-01-04 13:43:46 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2021-01-04 13:43:46 +0000 |
| commit | d4e97ab64c22fe319b024ec60563bcf727d154fb (patch) | |
| tree | d2fe08ab1ee237aef6879d47c005c4997ca0c771 /view/tpl/cloud_directory.tpl | |
| parent | e92f98d3c655335f5df1d557c7e023c4039a1eba (diff) | |
| download | volse-hubzilla-d4e97ab64c22fe319b024ec60563bcf727d154fb.tar.gz volse-hubzilla-d4e97ab64c22fe319b024ec60563bcf727d154fb.tar.bz2 volse-hubzilla-d4e97ab64c22fe319b024ec60563bcf727d154fb.zip | |
more work on tiles
Diffstat (limited to 'view/tpl/cloud_directory.tpl')
| -rw-r--r-- | view/tpl/cloud_directory.tpl | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl index 6f4eb3255..ac8304b96 100644 --- a/view/tpl/cloud_directory.tpl +++ b/view/tpl/cloud_directory.tpl @@ -7,11 +7,11 @@ {{if $parentpath}} <div class="col mb-4"> <div class="card h-100"> - <a href="{{$parentpath}}"> - <div class="text-center m-2"> - <i class="fa fa-fw fa-level-up fa-5x" title="{{$item.type}}" style="font-size: 4rem"></i> + <a href="{{$parentpath}}" class="text-decoration-none"> + <div class="d-flex align-items-center justify-content-center m-1" style="height: 4.5rem;"> + <i class="fa fa-fw fa-level-up fa-5x" style="font-size: 4rem"></i> </div> - <div class="card-footer"> + <div class="card-footer text-center"> <small class="text-muted text-truncate">..</small> </div> </a> @@ -20,16 +20,16 @@ {{/if}} {{foreach $entries as $item}} <div class="col mb-4"> - <div class="card text-center"> - <a href="{{$item.rel_path}}" title="{{$item.type}}" > - <div class="m-2"> + <div class="card h-100"> + <a href="{{$item.rel_path}}" title="{{$item.name}}" class="text-decoration-none"> + <div class="d-flex align-items-center justify-content-center m-1" style="height: 4.5rem;"> {{if $item.photo_icon}} - <img src="{{$item.photo_icon}}" class="card-img-top rounded" alt="{{$item.photo_icon}}" style="height: 4rem; width: auto"> + <img src="{{$item.photo_icon}}" class="rounded" alt="{{$item.photo_icon}}" title="{{$item.size_formatted}}" style="max-height: 4rem; width: auto; max-width: 100%;"> {{else}} - <i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}" style="font-size: 4rem"></i> + <i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.size_formatted}}" style="font-size: 4rem"></i> {{/if}} </div> - <div class="card-footer text-truncate"> + <div class="card-footer text-truncate text-center"> <small class="text-muted">{{$item.name}}</small> </div> </a> |