fix: tables + icons
This commit is contained in:
parent
0a80ff3dff
commit
86205fd7e2
45 changed files with 117 additions and 102 deletions
|
@ -2,7 +2,7 @@
|
|||
{% comment %} render related artists {% endcomment %}
|
||||
{%- if artists -%}
|
||||
<p id="artists" class="music">
|
||||
{% tablericon "headphones" "Related artist(s)" %}
|
||||
{% tablericon "headphones" %}
|
||||
Related artist(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
@ -22,7 +22,7 @@
|
|||
{% comment %} render related books {% endcomment %}
|
||||
{%- if books -%}
|
||||
<p id="books" class="books">
|
||||
{% tablericon "books" "Related book(s)" %}
|
||||
{% tablericon "books" %}
|
||||
Related book(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
@ -35,7 +35,7 @@
|
|||
{% comment %} render related genres {% endcomment %}
|
||||
{%- if genres -%}
|
||||
<p id="genres" class="music">
|
||||
{% tablericon "headphones" "Genre(s)" %}
|
||||
{% tablericon "headphones" %}
|
||||
Related genre(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
@ -48,7 +48,7 @@
|
|||
{% comment %} render related movies {% endcomment %}
|
||||
{%- if movies -%}
|
||||
<p id="movies" class="movies">
|
||||
{% tablericon "movie" "Related movie(s)" %}
|
||||
{% tablericon "movie" %}
|
||||
Related movie(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
@ -61,7 +61,7 @@
|
|||
{% comment %} render related posts {% endcomment %}
|
||||
{%- if posts -%}
|
||||
<p id="posts" class="article">
|
||||
{% tablericon "article" "Related post(s)" %}
|
||||
{% tablericon "article" %}
|
||||
Related post(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
@ -74,7 +74,7 @@
|
|||
{% comment %} render related shows {% endcomment %}
|
||||
{%- if shows -%}
|
||||
<p id="tv" class="tv">
|
||||
{% tablericon "device-tv-old" "Related show(s)" %}
|
||||
{% tablericon "device-tv-old" %}
|
||||
Related show(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner error">
|
||||
<p>{% tablericon "alert-circle" "Error" %}{{ text }}</p>
|
||||
<p>{% tablericon "alert-circle" %}{{ text }}</p>
|
||||
</div>
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner github">
|
||||
<p>{% tablericon "brand-github" "GitHub repository" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p>
|
||||
<p>{% tablericon "brand-github" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p>
|
||||
</div>
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner npm">
|
||||
<p>{% tablericon "brand-npm" "NPM package" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
|
||||
<p>{% tablericon "brand-npm" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
|
||||
</div>
|
|
@ -1,6 +1,6 @@
|
|||
{%- assign isOldPost = date | oldPost -%}
|
||||
{%- if isOldPost -%}
|
||||
<div class="banner old-post">
|
||||
<p>{% tablericon "clock-x" "Old post" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
|
||||
<p>{% tablericon "clock-x" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
|
||||
</div>
|
||||
{%- endif -%}
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner rss">
|
||||
<p>{% tablericon "rss" "RSS feed" %}<a href="{{ url }}">{{ text }}</a>.</p>
|
||||
<p>{% tablericon "rss" %}<a href="{{ url }}">{{ text }}</a>.</p>
|
||||
</div>
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner warning">
|
||||
<p>{% tablericon "alert-triangle" "Warning" %}{{ text }}</p>
|
||||
<p>{% tablericon "alert-triangle" %}{{ text }}</p>
|
||||
</div>
|
|
@ -1,6 +1,6 @@
|
|||
{%- capture labelContent -%}
|
||||
{%- if icon -%}
|
||||
{% tablericon icon label %}
|
||||
{% tablericon icon %}
|
||||
{%- elsif label -%}
|
||||
{{ label }}
|
||||
{%- endif -%}
|
||||
|
@ -11,7 +11,7 @@
|
|||
<div class="modal-wrapper">
|
||||
<div class="modal-body">
|
||||
<label class="modal-close" for="{{ id }}">
|
||||
{% tablericon "circle-x" "Close modal" %}
|
||||
{% tablericon "circle-x" %}
|
||||
</label>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
Reference in a new issue