Redéfinition du container flex

This commit is contained in:
Breizh 2022-11-23 22:18:24 +01:00
parent f3fd793fb1
commit 9c2aab5f07
6 changed files with 7 additions and 22 deletions

View file

@ -11,12 +11,9 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<div class="duo"> <div class="header">
<span>{{.ContentType}}</span> <span>{{.ContentType}}</span>
<span>{{.ContentLength | format "####,"}}octets</span> <span>{{.ContentLength | format "####,"}}octets</span>
</div>
<div class="duo">
<a href="{{.URLGet}}">Télécharger</a> <a href="{{.URLGet}}">Télécharger</a>
<a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a> <a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a>
</div> </div>

View file

@ -11,12 +11,9 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<div class="duo"> <div class="header">
<span>{{.ContentType}}</span> <span>{{.ContentType}}</span>
<span>{{.ContentLength | format "####,"}}octets</span> <span>{{.ContentLength | format "####,"}}octets</span>
</div>
<div class="duo">
<a href="{{.URLGet}}">Télécharger</a> <a href="{{.URLGet}}">Télécharger</a>
<a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a> <a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a>
</div> </div>

View file

@ -11,12 +11,9 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<div class="duo"> <div class="header">
<span>{{.ContentType}}</span> <span>{{.ContentType}}</span>
<span>{{.ContentLength | format "####,"}}octets</span> <span>{{.ContentLength | format "####,"}}octets</span>
</div>
<div class="duo">
<a href="{{.URLGet}}">Télécharger</a> <a href="{{.URLGet}}">Télécharger</a>
<a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a> <a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a>
</div> </div>

View file

@ -11,12 +11,9 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<div class="duo"> <div class="header">
<span>{{.ContentType}}</span> <span>{{.ContentType}}</span>
<span>{{.ContentLength | format "####,"}}octets</span> <span>{{.ContentLength | format "####,"}}octets</span>
</div>
<div class="duo">
<a href="{{.URLGet}}">Télécharger</a> <a href="{{.URLGet}}">Télécharger</a>
<a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a> <a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a>
</div> </div>

View file

@ -11,12 +11,9 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<div class="duo"> <div class="header">
<span>{{.ContentType}}</span> <span>{{.ContentType}}</span>
<span>{{.ContentLength | format "####,"}}octets</span> <span>{{.ContentLength | format "####,"}}octets</span>
</div>
<div class="duo">
<a href="{{.URLGet}}">Télécharger</a> <a href="{{.URLGet}}">Télécharger</a>
<a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a> <a href="{{.WebAddress}}inline/{{.URLRandomToken}}/{{.Filename}}">Lien direct</a>
</div> </div>

View file

@ -11,13 +11,13 @@ body {
word-wrap: break-word; word-wrap: break-word;
} }
.duo { .header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto; margin: auto;
} }
.duo span, .duo a { .header span, .header a {
flex: 1; flex: 1;
padding: 15px; padding: 15px;
min-width: 10em; min-width: 10em;