Changes for page ExternalApps
Last modified by bougault on 2019/09/12 12:46
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -14,7 +14,7 @@ 14 14 15 15 .application img { 16 16 display: block; 17 - margin: 0 auto; 17 + margin: 0 auto 1.5rem auto; 18 18 } 19 19 20 20 .application .title { ... ... @@ -23,8 +23,18 @@ 23 23 margin-top: 2rem; 24 24 } 25 25 26 -.application .category { 26 +.application .tags { 27 + display: flex; 28 + justify-content: space-around; 29 + margin-bottom: 1.5rem; 30 +} 31 + 32 +.application .tags span { 27 27 font-size: .8rem; 34 + background: var(--color-support-dark); 35 + color: var(--color-white); 36 + padding: .3rem .5rem; 37 + border-radius: var(--border-radius-default); 28 28 } 29 29 </style> 30 30 ... ... @@ -42,7 +42,7 @@ 42 42 #else 43 43 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mN89x8AAuEB74Y0o2cAAAAASUVORK5CYII=" width="75" height="75" alt=""> 44 44 #end 45 - < spanclass="category">$category</span>55 + <div class="tags"><span>$category</span></div> 46 46 <h3 class="title">$title</h3> 47 47 <a href="$URL">$URL</a> 48 48 <p>$!app.getValue('description')</p>