Use responsive pure css grids in about.ecr

This commit is contained in:
syeopite 2021-05-03 22:46:25 -07:00
parent 8a9b3a19a2
commit 55762f0c2c
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82

View file

@ -10,7 +10,7 @@
<div class="pure-g"> <div class="pure-g">
<% stats_style_append = ""%> <% stats_style_append = ""%>
<% if !channel.country.empty? %> <% if !channel.country.empty? %>
<div class="pure-u-3-4"> <div class="pure-u-1 pure-u-md-3-4">
<div class="h-box"> <div class="h-box">
<h3> <%= translate(locale, "Details") %> </h3> <h3> <%= translate(locale, "Details") %> </h3>
<p><%= translate(locale, "Country: ") %><%=channel.country%></p> <!-- Translate Country Names --> <p><%= translate(locale, "Country: ") %><%=channel.country%></p> <!-- Translate Country Names -->
@ -20,7 +20,7 @@
<% stats_style_append = "style=\"order: 1;\"" %> <% stats_style_append = "style=\"order: 1;\"" %>
<% end %> <% end %>
<div class="pure-u-1-4" <%= stats_style_append %>> <div class="pure-u-1 pure-u-md-1-4" <%= stats_style_append %>>
<div class="h-box"> <div class="h-box">
<h3> <%= translate(locale, "Stats") %> </h3> <h3> <%= translate(locale, "Stats") %> </h3>
<p> <%= translate(locale, "Joined") %> <p> <%= translate(locale, "Joined") %>
@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<div class="pure-u-2-3" id="external-links"> <div class="pure-u-1 pure-u-md-2-3" id="external-links">
<div class="h-box"> <div class="h-box">
<h3> <%= translate(locale, "Links") %> </h3> <h3> <%= translate(locale, "Links") %> </h3>
<% channel.links.each do |link_tuple| %> <% channel.links.each do |link_tuple| %>