Style fixes and typography improvements
This commit is contained in:
2
public/css/app.css
vendored
2
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
2
public/js/app.js
vendored
2
public/js/app.js
vendored
File diff suppressed because one or more lines are too long
@@ -2,7 +2,7 @@
|
|||||||
<div class="mb-10">
|
<div class="mb-10">
|
||||||
<div>
|
<div>
|
||||||
<h3
|
<h3
|
||||||
class="text-gray-800 font-bold text-3xl text-center mt-3 mb-2 mr-3 MvAamu"
|
class="text-gray-800 font-bold text-3xl text-center mt-5 mb-2 mr-3 MvAamu"
|
||||||
>
|
>
|
||||||
ފަހުގެ ޙަބަރުތަށް
|
ފަހުގެ ޙަބަރުތަށް
|
||||||
</h3>
|
</h3>
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
<div class="w-full h-auto text-right overflow-hidden mt-3">
|
<div class="w-full h-auto text-right overflow-hidden mt-3">
|
||||||
<a
|
<a
|
||||||
:href="'/article/' + story.id"
|
:href="'/article/' + story.id"
|
||||||
class="text-md leading-normal font-semibold text-right text-gray-700 py-3 MvTyper hover:underline"
|
class="text-md leading-9 font-semibold text-right text-gray-700 py-3 MvTyper hover:underline"
|
||||||
style="direction:rtl;"
|
style="direction:rtl;"
|
||||||
v-text="story.title"
|
v-text="story.title"
|
||||||
></a>
|
></a>
|
||||||
|
@@ -43,28 +43,11 @@
|
|||||||
<div
|
<div
|
||||||
class="text-gray-600 text-md mt-1 flex justify-end items-center"
|
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
|
<p
|
||||||
class="text-gray-600 text-sm text-right mb-2"
|
class="text-gray-600 text-sm text-right mb-2"
|
||||||
>
|
>
|
||||||
‒
|
|
||||||
{{
|
{{
|
||||||
subarticle.published_date
|
subarticle.published_date
|
||||||
| moment("calendar")
|
| moment("calendar")
|
||||||
@@ -104,7 +87,7 @@
|
|||||||
:href="'/article/' + article.id"
|
:href="'/article/' + article.id"
|
||||||
>
|
>
|
||||||
<h1
|
<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;"
|
style="direction:rtl;"
|
||||||
v-text="article.title"
|
v-text="article.title"
|
||||||
></h1>
|
></h1>
|
||||||
@@ -127,23 +110,7 @@
|
|||||||
<div
|
<div
|
||||||
class="text-gray-600 text-md mt-4 flex justify-end items-center mb-3"
|
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">
|
<p class="ml-1 text-gray-600 text-right">
|
||||||
‒
|
|
||||||
{{ article.published_date | moment("calendar") }}
|
{{ article.published_date | moment("calendar") }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
@@ -73,8 +73,8 @@
|
|||||||
<svg class="animate-bounce w-6 h-6 text-gray-900" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
|
<svg class="animate-bounce w-6 h-6 text-gray-900" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
<path d="M19 14l-7 7m0 0l-7-7m7 7V3"></path>
|
<path d="M19 14l-7 7m0 0l-7-7m7 7V3"></path>
|
||||||
</svg>
|
</svg>
|
||||||
<a href="{{$article->url}}" class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center mb-2">
|
<a href="{{$article->url}}" target="_blank" class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-normal py-2 px-4 rounded inline-flex items-center mb-2">
|
||||||
<span>View the full article on {{$article->source->slug}}</span>
|
<span class="text-gray-700">View the full article on {{ucfirst($article->source->slug)}}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user