Style fix and build
This commit is contained in:
87447
public/css/app.css
vendored
87447
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
38458
public/js/app.js
vendored
38458
public/js/app.js
vendored
File diff suppressed because one or more lines are too long
@@ -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}}
|
||||||
|
@@ -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"
|
||||||
|
@@ -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>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user