adicionando barra de navegação

bernardoazevedo · bernardoazevedo · commit d8d534e8d2a9 · 2025-03-29T16:48:28.000-03:00
diff --git a/public/assets/images/github.svg b/public/assets/images/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
+  <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
+</svg>
diff --git a/resources/views/content/partials/style-editor.blade.php b/resources/views/content/partials/style-editor.blade.php
@@ -4,17 +4,20 @@
 
         <div>
             <label for="textColor">Text Color</label>
-            <input class="float-right" type="color" name="textColor" id="textColor" value="#374151">
+            <input class="float-right rounded-md p-1 w-10 h-8 cursor-pointer border border-gray-200 bg-white"
+                   type="color" name="textColor" id="textColor" value="#374151">
         </div>
         <div>
             <label for="highlightColor">Highlight Color</label>
-            <input class="float-right" type="color" name="highlightColor" id="highlightColor" value="#559949">
+            <input class="float-right rounded-md p-1 w-10 h-8 cursor-pointer border border-gray-200 bg-white"
+                   type="color" name="highlightColor" id="highlightColor" value="#559949">
         </div>
         <div>
             <label for="backgroundColor">Background Color</label>
-            <input class="float-right" type="color" name="backgroundColor" id="backgroundColor" value="#FFFFFF">
+            <input class="float-right rounded-md p-1 w-10 h-8 cursor-pointer border border-gray-200 bg-white"
+                   type="color" name="backgroundColor" id="backgroundColor" value="#FFFFFF">
         </div>
 
-        <x-primary-button class="mt-4">Generate PDF</x-primary-button>
+        <x-primary-button class="mt-4 max-w-fit">Generate PDF</x-primary-button>
     </div>
 </section>
diff --git a/resources/views/content/partials/write-content.blade.php b/resources/views/content/partials/write-content.blade.php
@@ -1,6 +1,6 @@
 <section class="col-span-2">
     <div class="space-y-6 grow-wrap dont-break-out">
-        <textarea id="text" name="text" type="text" rows="7" cols=""
+        <textarea id="text" name="text" type="text" rows="9" cols=""
             class="p-4 sm:p-8 bg-white sm:rounded-lg border-none focus:border-gray-400 focus:ring-gray-400 shadow block w-full"
             required autofocus autocomplete="text" placeholder="Type here"
             onInput="this.parentNode.dataset.replicatedValue = this.value"></textarea>
diff --git a/resources/views/editor.blade.php b/resources/views/editor.blade.php
@@ -1,6 +1,6 @@
 <x-app-layout>
     <div class="py-8">
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
+        <div class=" mx-auto sm:px-6 lg:px-8 space-y-6">
             <form action="/generatePdf" method="post">
                 @csrf
                 <div class="lg:grid lg:grid-cols-5 lg:space-x-4 space-y-6 lg:space-y-0">
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ config('app.name', 'Bernardo Azevedo') }}</title>
+        <title>{{ config('app.name', 'Markdown Editor') }}</title>
 
         <link rel="icon" href="{{ url('assets/css/favicon.ico') }}">
         <link rel="stylesheet" href="{{ asset('assets/css/app.css?v1') }}" >
@@ -20,6 +20,8 @@
     <body class="font-sans antialiased">
         <div class="min-h-screen bg-gray-100">
 
+            @include('layouts.navigation')
+
             <!-- Page Heading -->
             @isset($header)
                 <header class="bg-white shadow">
diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
@@ -1,10 +1,12 @@
 <nav x-data="{ open: false }" class="bg-white border-b border-gray-100 shadow-sm">
     <!-- Primary Navigation Menu -->
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex justify-between h-16">
-            <div class="flex">
+        <div class="flex justify-between items-center h-16">
+            <span class="text-lg">Edit markdown files and convert them to PDF</span>
 
-            </div>
+            <a href="https://github.com/bernardoazevedo/markdownEditor" target="_blank">
+                <img src="{{ asset('assets/images/github.svg') }}" alt="Github Logo" width="24px">
+            </a>
         </div>
     </div>
 
