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> | ||||
|             <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> | ||||
| @@ -25,7 +25,7 @@ | ||||
|                     <div class="w-full h-auto text-right overflow-hidden mt-3"> | ||||
|                         <a | ||||
|                             :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;" | ||||
|                             v-text="story.title" | ||||
|                         ></a> | ||||
|   | ||||
| @@ -43,28 +43,11 @@ | ||||
|                             <div | ||||
|                                 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 | ||||
|                                     class="text-gray-600 text-sm text-right mb-2" | ||||
|                                 > | ||||
|                                     ‒ | ||||
|                                     {{ | ||||
|                                         subarticle.published_date | ||||
|                                             | moment("calendar") | ||||
| @@ -104,7 +87,7 @@ | ||||
|                     :href="'/article/' + article.id" | ||||
|                 > | ||||
|                     <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;" | ||||
|                         v-text="article.title" | ||||
|                     ></h1> | ||||
| @@ -127,23 +110,7 @@ | ||||
|                 <div | ||||
|                     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"> | ||||
|                         ‒ | ||||
|                         {{ article.published_date | moment("calendar") }} | ||||
|                     </p> | ||||
|                 </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"> | ||||
|           <path d="M19 14l-7 7m0 0l-7-7m7 7V3"></path> | ||||
|         </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"> | ||||
|       <span>View the full article on {{$article->source->slug}}</span> | ||||
|       <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 class="text-gray-700">View the full article on {{ucfirst($article->source->slug)}}</span> | ||||
|         </a> | ||||
|       </div> | ||||
|     </div> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user