Style fixes and typography improvements

This commit is contained in:
2020-08-19 00:44:50 +05:00
parent b956b93a2e
commit e6d5c66003
5 changed files with 8 additions and 41 deletions

View File

@@ -43,28 +43,11 @@
<div
class="text-gray-600 text-md mt-1 flex justify-end items-center"
>
<svg
class="h-4 w-4"
viewBox="0 0 443.294 443.294"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M221.647 0C99.433 0 0 99.433 0 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647S343.861 0 221.647 0zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z"
/>
<path
d="M235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z"
/>
</svg>
<span
class="ml-1"
v-text="subarticle.readtime"
></span>
<p
class="text-gray-600 text-sm text-right mb-2"
>
&#8210;
{{
subarticle.published_date
| moment("calendar")
@@ -104,7 +87,7 @@
:href="'/article/' + article.id"
>
<h1
class="text-gray-800 text-3xl font-bold mt-2 mb-2 leading-tigh hover:underline text-right MvTyper"
class="text-gray-800 text-xl xl:text-md lg:text-md font-bold mt-2 mb-2 leading-9 hover:underline text-right MvTyper"
style="direction:rtl;"
v-text="article.title"
></h1>
@@ -127,23 +110,7 @@
<div
class="text-gray-600 text-md mt-4 flex justify-end items-center mb-3"
>
<span class="mr-1 ml-1" v-text="article.readtime"></span>
<svg
class="h-4 w-4"
viewBox="0 0 443.294 443.294"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M221.647 0C99.433 0 0 99.433 0 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647S343.861 0 221.647 0zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z"
/>
<path
d="M235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z"
/>
</svg>
<p class="ml-1 text-gray-600 text-right">
&#8210;
{{ article.published_date | moment("calendar") }}
</p>
</div>