shihaam/karudhaas
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style fixes for views

Browse Source
This commit is contained in:
Mohamed Jinas
2020-08-15 02:35:23 +05:00
parent 7d4815fcfa
commit bf8afb0a5a
5 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/js/app.js vendored
View File

File diff suppressed because one or more lines are too long

5
resources/js/components/AvailableSources.vue
View File

@@ -10,17 +10,18 @@
</div>
<div class="flex flex-wrap justify-center">
<div
<a
v-for="source in sources"
:key="source.id"
class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded p-10 mt-3"
:href="'/source/' + source.slug"
>
<img
class="h-16 w-16"
:src="source.logo"
:alt="source.name"
/>
</div>
</a>
</div>
</div>
</div>

8
resources/js/components/RecentStories.vue
View File

@@ -52,7 +52,7 @@
</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="{
'background-image':
'url(' + story.featured_image + ')'
@@ -88,3 +88,9 @@ export default {
}
};
</script>
<style>
.dark-img {
filter: brightness(90%);
}
</style>

5
resources/views/sources/show.blade.php
View File

@@ -8,7 +8,7 @@
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center">
<div slot="middle-right" class="max-w-xs">
<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">
<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">
{{$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)}}">
<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>
</a>