Style fixes for views
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
@@ -10,17 +10,18 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-wrap justify-center">
|
<div class="flex flex-wrap justify-center">
|
||||||
<div
|
<a
|
||||||
v-for="source in sources"
|
v-for="source in sources"
|
||||||
:key="source.id"
|
:key="source.id"
|
||||||
class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded p-10 mt-3"
|
class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded p-10 mt-3"
|
||||||
|
:href="'/source/' + source.slug"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="h-16 w-16"
|
class="h-16 w-16"
|
||||||
:src="source.logo"
|
:src="source.logo"
|
||||||
:alt="source.name"
|
:alt="source.name"
|
||||||
/>
|
/>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@@ -52,7 +52,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden mt-3 opacity-75 rounded-lg object-right"
|
class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden rounded object-right dark-img"
|
||||||
:style="{
|
:style="{
|
||||||
'background-image':
|
'background-image':
|
||||||
'url(' + story.featured_image + ')'
|
'url(' + story.featured_image + ')'
|
||||||
@@ -88,3 +88,9 @@ export default {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.dark-img {
|
||||||
|
filter: brightness(90%);
|
||||||
|
}
|
||||||
|
</style>
|
@@ -8,7 +8,7 @@
|
|||||||
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center">
|
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center">
|
||||||
<div slot="middle-right" class="max-w-xs">
|
<div slot="middle-right" class="max-w-xs">
|
||||||
<div class="flex flex-col justify-center h-48 p-3">
|
<div class="flex flex-col justify-center h-48 p-3">
|
||||||
<div class="flex flex-col items-center shadow hover:shadow-lg rounded-lg p-3">
|
<div class="flex flex-col items-center shadow hover:shadow-lg rounded-lg p-3">
|
||||||
<img src="{{$source->logo}}" class="h-16 w-16">
|
<img src="{{$source->logo}}" class="h-16 w-16">
|
||||||
<div class="text-3xl font-bold text-gray-800 text-center MvAamu mt-2">{{$source->name}}</div>
|
<div class="text-3xl font-bold text-gray-800 text-center MvAamu mt-2">{{$source->name}}</div>
|
||||||
|
|
||||||
@@ -37,9 +37,10 @@
|
|||||||
|
|
||||||
<div class="text-xs font-bold uppercase text-gray-500 text-right mt-1 mb-2 MvTyper">
|
<div class="text-xs font-bold uppercase text-gray-500 text-right mt-1 mb-2 MvTyper">
|
||||||
{{$article->source->name}}</div>
|
{{$article->source->name}}</div>
|
||||||
|
<p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;">{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY h:mm')}}</p>
|
||||||
|
|
||||||
<a href="{{route('articles.show', $article->id)}}">
|
<a href="{{route('articles.show', $article->id)}}">
|
||||||
<div class="text-md font-bold leading-7 mb-2 MvTyper text-right hover:underline">
|
<div class="text-md font-bold leading-7 mb-2 mt-1 text-gray-800 MvTyper text-right hover:underline">
|
||||||
{{$article->title}}</div>
|
{{$article->title}}</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user