Fix issue with title attribute

This commit is contained in:
2022-09-15 14:18:02 +02:00
parent 256343bf94
commit d17a293c45
3 changed files with 15 additions and 15 deletions

View File

@ -1,8 +1,8 @@
<div {{ $attributes->merge(['class' => "flex md:flex-row flex-col m-auto max-w-5xl py-4 md:py-8 gap-x-10"]) }}> <div {{ $attributes->merge(['class' => "flex md:flex-row flex-col m-auto max-w-5xl py-4 md:py-8 gap-x-10"]) }}>
<div class="lg:w-1/2 w-full flex py-4 md:px-4 align-middle items-center"> <div class="lg:w-1/2 w-full flex py-4 md:px-4 align-middle items-center">
<div class="flex flex-col"> <div class="flex flex-col">
@isset ($title) @isset ($featureTitle)
<h3 class="text-blue-800 font-bold mb-2 uppercase">{{ $title }}</h3> <h3 class="text-blue-800 font-bold mb-2 uppercase">{{ $featureTitle }}</h3>
@endisset @endisset
<p class="text-lg">{{ $slot }}</p> <p class="text-lg">{{ $slot }}</p>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="lg:w-1/2 w-full flex py-4 md:px-4 align-middle items-center"> <div class="lg:w-1/2 w-full flex py-4 md:px-4 align-middle items-center">
<div class="flex flex-col"> <div class="flex flex-col">
@isset ($title) @isset ($featureTitle)
<h3 class="text-blue-800 font-bold mb-2 uppercase">{{ $title }}</h3> <h3 class="text-blue-800 font-bold mb-2 uppercase">{{ $featureTitle }}</h3>
@endisset @endisset
<p class="text-lg">{{ $slot }}</p> <p class="text-lg">{{ $slot }}</p>
</div> </div>

View File

@ -71,7 +71,7 @@
</p> </p>
</div> </div>
@if (Cache::has('stargazers') && Cache::has('downloads')) @if (Cache::has('stargazers') && Cache::has('downloads'))
<div class="max-w-2xl m-auto mt-6 pb-6 space-y-3 border border-b-gray-200 rounded-lg px-8 py-4"> <div class="max-w-2xl m-auto mt-6 pb-6 space-y-3 border border-b-gray-200 rounded-lg px-8 py-4 shadow-lg">
<p class="uppercase font-bold text-center mt-1 mb-5 flex items-center space-x-2"> <p class="uppercase font-bold text-center mt-1 mb-5 flex items-center space-x-2">
<svg width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg>
<span>GitHub Stats</span> <span>GitHub Stats</span>
@ -91,35 +91,35 @@
</div> </div>
@endif @endif
</div> </div>
<x-feature title="A solid foundation." img-src="/images/valet.png"> <x-feature feature-title="A solid foundation." img-src="/images/valet.png">
PHP Monitor interacts with your local <b>Laravel Valet</b> installation. That means that PHP Monitor builds upon a solid and trusted foundation. If you've already got that installed, it's very easy to get started. PHP Monitor interacts with your local <b>Laravel Valet</b> installation. That means that PHP Monitor builds upon a solid and trusted foundation. If you've already got that installed, it's very easy to get started.
</x-feature> </x-feature>
<x-feature title="Information at a glance." img-src="/images/menu-bar.png" y-position="top" class="lg:flex-row-reverse"> <x-feature feature-title="Information at a glance." img-src="/images/menu-bar.png" y-position="top" class="lg:flex-row-reverse">
PHP Monitor lives in your menu bar. From here, you can use the bulk of PHP Monitor's functionality, including the <b>global version switcher</b> as well as <b>services status</b> section. PHP Monitor lives in your menu bar. From here, you can use the bulk of PHP Monitor's functionality, including the <b>global version switcher</b> as well as <b>services status</b> section.
</x-feature> </x-feature>
<x-feature title="No more hunting for config files." img-src="/images/config.png" y-position="top"> <x-feature feature-title="No more hunting for config files." img-src="/images/config.png" y-position="top">
Sometimes you need to edit a <b>configuration file</b> or <b>toggle an extension</b>. But where are those pesky config files located again? From PHP Monitor's menu you can easily find them. Extensions can even be toggled with one click of the button! Sometimes you need to edit a <b>configuration file</b> or <b>toggle an extension</b>. But where are those pesky config files located again? From PHP Monitor's menu you can easily find them. Extensions can even be toggled with one click of the button!
</x-feature> </x-feature>
<x-feature title="All of your domains in a single list." img-src="/images/domains.png" y-position="top" class="lg:flex-row-reverse"> <x-feature feature-title="All of your domains in a single list." img-src="/images/domains.png" y-position="top" class="lg:flex-row-reverse">
Do you have many projects or legacy sites? No worries, the app includes a <b>domain list</b> that you can use to get a quick overview of all domains and proxies you have set up, as well as their PHP version, what type of project they are, and more. Do you have many projects or legacy sites? No worries, the app includes a <b>domain list</b> that you can use to get a quick overview of all domains and proxies you have set up, as well as their PHP version, what type of project they are, and more.
</x-feature> </x-feature>
<x-feature title="Quickly link a new domain or proxy." img-src="/images/link-folder.png" y-position="top"> <x-feature feature-title="Quickly link a new domain or proxy." img-src="/images/link-folder.png" y-position="top">
You can easily <b>link or proxy</b> a folder: you can even easily customize the name of the domain and secure this new domain by simply checking a box. This will make these projects accessible as *.test domains on your system. You can easily <b>link or proxy</b> a folder: you can even easily customize the name of the domain and secure this new domain by simply checking a box. This will make these projects accessible as *.test domains on your system.
</x-feature> </x-feature>
<x-feature title="A different PHP version per domain." img-src="/images/isolation.png" y-position="bottom" class="lg:flex-row-reverse"> <x-feature feature-title="A different PHP version per domain." img-src="/images/isolation.png" y-position="bottom" class="lg:flex-row-reverse">
In addition to offering a global version switcher (which switches the PHP version for all of your projects), this app also includes support for Valet's <b>site isolation</b> feature. This allows you to use a specific version of PHP with a specific domain, all while retaining the globally linked PHP version. In addition to offering a global version switcher (which switches the PHP version for all of your projects), this app also includes support for Valet's <b>site isolation</b> feature. This allows you to use a specific version of PHP with a specific domain, all while retaining the globally linked PHP version.
</x-feature> </x-feature>
<x-feature title="Determine compatibility." img-src="/images/phpinfo.png" y-position="top"> <x-feature feature-title="Determine compatibility." img-src="/images/phpinfo.png" y-position="top">
PHP Monitor will help you figure out if your sites are <b>compatible</b> with the <b>currently linked version of PHP</b>. You will receive suggestions when site isolation may be of use. PHP Monitor will help you figure out if your sites are <b>compatible</b> with the <b>currently linked version of PHP</b>. You will receive suggestions when site isolation may be of use.
</x-feature> </x-feature>
<x-feature title="A tiny footprint." img-src="/images/sysres.png" y-position="top" class="lg:flex-row-reverse"> <x-feature feature-title="A tiny footprint." img-src="/images/sysres.png" y-position="top" class="lg:flex-row-reverse">
Laravel Valet is a lightweight solution that is much leaner than Docker, and PHP Monitor as a companion tool uses equally few system resources. It is light on RAM and its CPU usage is negligible. Laravel Valet is a lightweight solution that is much leaner than Docker, and PHP Monitor as a companion tool uses equally few system resources. It is light on RAM and its CPU usage is negligible.
</x-feature> </x-feature>
<div class="flex lg:flex-row flex-col m-auto max-w-5xl py-4 md:py-8 gap-x-10"> <div class="flex lg:flex-row flex-col m-auto max-w-5xl py-4 md:py-8 gap-x-10">
<x-single-feature title="Privacy conscious."> <x-single-feature feature-title="Privacy conscious.">
No tracking. No bullshit. Nothing to worry about. The only outbound connection PHP Monitor makes is a check (that you can disable!) to see if a newer version is available. If you encounter a bug or crash, please get in touch—I'd be happy to help you out. No tracking. No bullshit. Nothing to worry about. The only outbound connection PHP Monitor makes is a check (that you can disable!) to see if a newer version is available. If you encounter a bug or crash, please get in touch—I'd be happy to help you out.
</x-single-feature> </x-single-feature>
<x-single-feature title="No nagging for donations."> <x-single-feature feature-title="No nagging for donations.">
PHP Monitor will only ask you to donate <em>once</em>, and should never ask you again... unless you install a fresh copy of the app on a new computer, of course. If you can, please do consider sending me some money! PHP Monitor will only ask you to donate <em>once</em>, and should never ask you again... unless you install a fresh copy of the app on a new computer, of course. If you can, please do consider sending me some money!
</x-single-feature> </x-single-feature>
</div> </div>