Style fix and build

This commit is contained in:
2020-08-17 03:16:56 +05:00
parent e4d01339ef
commit eaa8da612d
5 changed files with 54 additions and 125936 deletions

87447
public/css/app.css vendored

File diff suppressed because one or more lines are too long

38458
public/js/app.js vendored

File diff suppressed because one or more lines are too long

View File

@@ -25,39 +25,47 @@
<div class="p-4 absolute bottom-0 right-0 z-20"> <div class="p-4 absolute bottom-0 right-0 z-20">
<h2 class="text-3xl font-semibold text-gray-100 leading-relaxed text-right MvAamu" style="direction:rtl;"> <h2 class="text-3xl font-semibold text-gray-100 leading-relaxed text-right MvAamu" style="direction:rtl;">
{{$article->title}}</h2> {{$article->title}}</h2>
<div class="flex justify-end mt-3"> <div class="flex justify-end mt-3">
<img src="{{$article->source->logo}}" class="h-10 w-10 rounded-full mr-2 object-cover" /> <img src="{{$article->source->logo}}" class="h-10 w-10 rounded-full mr-2 object-cover" />
<div> <div>
<p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p> <p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p>
<p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;"> <p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;">{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY | dddd | h:mm')}}</p>
{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY | dddd | h:mm')}}</p> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<div class="px-4 lg:px-0 mt-5 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed"> <div class="px-4 lg:px-0 mt-5 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed">
<div class="flex justify-end mb-5 border-b"> <div class="flex justify-end mb-5 border-b">
<form action="{{route('mylist.store', $article->id)}}" method="POST"> <form action="{{route('mylist.store', $article->id)}}" method="POST">
@csrf @csrf
<button type="submit" <button
class="flex items-center justify-center mb-2 shadow p-1 rounded hover:shadow-lg cursor-pointer"> type="submit"
<p class="text-gray-700 text-sm MvTyper text-right mr-2"> class="flex items-center justify-center mb-2 shadow p-1 rounded hover:shadow-lg cursor-pointer"
>
<p class="text-gray-700 text-sm MvTyper text-right mr-2">
ރައްކާކުރޭ ރައްކާކުރޭ
</p> </p>
<svg class="h-5 w-5 text-gray-800" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <svg
class="h-5 w-5 text-gray-800"
fill="currentcolor"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 64 64"
>
<g data-name="Froppy disk"> <g data-name="Froppy disk">
<path <path
d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z" /> d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z"
<path />
d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z" /> <path
d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z"
/>
</g> </g>
</svg> </svg>
</button> </button>
</form> </form>
</div> </div>
@foreach ($article->body as $block) @foreach ($article->body as $block)
<p class="MvTyper text-right" style="direction:rtl;"> <p class="MvTyper text-right" style="direction:rtl;">
{{$block}} {{$block}}

View File

@@ -17,7 +17,7 @@
<div> <div>
<a <a
href="{{route('articles.show', $article->id)}}" href="{{route('articles.show', $article->id)}}"
class="block w-full flex mb-10 shadow rounded-lg" class="w-full flex mb-10 shadow rounded-lg"
> >
<div <div
class="bg-white rounded px-4 flex flex-col flex-grow justify-between leading-normal" class="bg-white rounded px-4 flex flex-col flex-grow justify-between leading-normal"

View File

@@ -1,19 +1,28 @@
<div class="text-gray-700 bg-white dark-mode:text-gray-200 dark-mode:bg-gray-800"> <div class="text-gray-700 bg-white dark-mode:text-gray-200 dark-mode:bg-gray-800">
<div <div class="flex items-center justify-between flex-row px-6">
class="flex flex-col max-w-screen-xl px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
<div class="p-4 flex flex-row items-center justify-between"> <div class="p-4 flex flex-row items-center justify-between">
<a href="/" <a href="/"
class="text-lg font-semibold tracking-widest text-gray-900 uppercase rounded-lg dark-mode:text-white focus:outline-none focus:shadow-outline">Karudhaas</a> class="text-lg font-semibold tracking-widest text-gray-900 uppercase rounded-lg dark-mode:text-white focus:outline-none focus:shadow-outline">Karudhaas</a>
</div> </div>
<nav class="flex-col flex-grow pb-4 md:pb-0 hidden md:flex md:justify-end md:flex-row"> <nav class="flex-grow pb-4 flex justify-end flex-row py-4 mr-3">
<a class="px-4 py-2 mt-2 text-sm font-semibold text-gray-900 bg-gray-200 rounded-lg dark-mode:bg-gray-700 dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu" <a class="border px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
href="#">އިތުރު މަޢުލޫތަށް</a> href="/mylist">
<a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu" <div class="flex gap-2 justify-center">
href="#">ވާހަކަ</a>
<a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu" <p> ރައްކާކުރެވިފައިވާ</p>
href="/mylist">ރައްކާކުރެވިފައިވާ</a> <svg class="h-5 w-5 text-gray-800" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<g data-name="Froppy disk">
<path
d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z" />
<path
d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z" />
</g>
</svg>
</div>
</a>
</nav> </nav>