Skip to content

Commit

Permalink
enhancements
Browse files Browse the repository at this point in the history
  • Loading branch information
@devajmeireles
devajmeireles committed Oct 12, 2023
1 parent ee299cb commit 4b4e8a4
Show file tree
Hide file tree
Showing 7 changed files with 89 additions and 88 deletions.
2 changes: 1 addition & 1 deletion composer.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
"laravel/tinker": "^2.8",
"livewire/livewire": "^3.0",
"livewire/volt": "^1.0",
"tallstackui/tallstackui": "^0.3",
"tallstackui/tallstackui": "^0.4.1",
"torchlight/torchlight-laravel": "^0.5.14"
},
"require-dev": {
Expand Down
14 changes: 7 additions & 7 deletions composer.lock
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions resources/views/beta.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
</x-section>
<x-section title="Warnings">
<ul class="list-decimal list-inside">
<li class="font-bold underline">Do not use TallStackUi in production during the beta phase</li>
<li>Unexpected changes may occur during the beta phase</li>
<li class="font-bold underline">Do not use TallStackUi in production during the beta phase.</li>
<li>Unexpected changes may occur during the beta phase.</li>
<li>Something doesn't work? Review the documentation. Changes may have occurred.</li>
<li>Report any problems with a GitHub issue in the <a href="https://github.com/tallstackui/tallstackui/issues/new/choose" class="underline" target="_blank">official repository</a></li>
<li>Suggest something for us in with an issue in the <a href="https://github.com/tallstackui/tallstackui/issues/new/choose" class="underline" target="_blank">official repository</a></li>
<li>Report any problems with a GitHub issue in the <a href="https://github.com/tallstackui/tallstackui/issues/new/choose" class="underline" target="_blank">official repository</a>.</li>
<li>Suggest something for us in with an issue in the <a href="https://github.com/tallstackui/tallstackui/issues/new/choose" class="underline" target="_blank">official repository</a>.</li>
</ul>
</x-section>
</x-layout>
2 changes: 1 addition & 1 deletion resources/views/components/layout/banner.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
TallStackUi
</span>
</div>
<p class="mt-4 font-medium text-white">Your Next-level of TALL Stack Components.</p>
<p class="mt-4 font-medium text-white">New generation of TALL Stack Components.</p>
</div>
</div>
</div>
2 changes: 1 addition & 1 deletion resources/views/components/layout/navigation.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
</a>
</li>
<li class="relative ml-4">
<a href="{{ route('beta') }}" @class(['font-semibold text-pink-900 transition hover:text-gray-800 underline', 'underline' => request()->routeIs('documentation.get-started')])>
<a href="{{ route('beta') }}" @class(['font-semibold text-pink-900 transition hover:text-pink-500', 'underline' => request()->routeIs('beta')])>
Beta Phase
</a>
</li>
Expand Down
122 changes: 62 additions & 60 deletions resources/views/documentation/ui/modal.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,66 +66,68 @@
<x-preview title="Size Variations"
language="blade"
:contents="$sizes">
<x-modal id="default-size-modal" title="TallStackUi">
Default (2xl)
</x-modal>
<x-modal id="sm-size-modal" title="TallStackUi" size="sm">
sm
</x-modal>
<x-modal id="md-size-modal" title="TallStackUi" size="md">
md
</x-modal>
<x-modal id="lg-size-modal" title="TallStackUi" size="lg">
lg
</x-modal>
<x-modal id="xl-size-modal" title="TallStackUi" size="xl">
xl
</x-modal>
<x-modal id="3xl-size-modal" title="TallStackUi" size="3xl">
3xl
</x-modal>
<x-modal id="4xl-size-modal" title="TallStackUi" size="4xl">
4xl
</x-modal>
<x-modal id="5xl-size-modal" title="TallStackUi" size="5xl">
5xl
</x-modal>
<x-modal id="6xl-size-modal" title="TallStackUi" size="6xl">
6xl
</x-modal>
<x-modal id="7xl-size-modal" title="TallStackUi" size="7xl">
7xl
</x-modal>
<x-button x-on:click="$modalOpen('default-size-modal')">
Default
</x-button>
<x-button x-on:click="$modalOpen('sm-size-modal')">
sm
</x-button>
<x-button x-on:click="$modalOpen('md-size-modal')">
md
</x-button>
<x-button x-on:click="$modalOpen('lg-size-modal')">
lg
</x-button>
<x-button x-on:click="$modalOpen('xl-size-modal')">
xl
</x-button>
<x-button x-on:click="$modalOpen('3xl-size-modal')">
3xl
</x-button>
<x-button x-on:click="$modalOpen('4xl-size-modal')">
4xl
</x-button>
<x-button x-on:click="$modalOpen('5xl-size-modal')">
5xl
</x-button>
<x-button x-on:click="$modalOpen('6xl-size-modal')">
6xl
</x-button>
<x-button x-on:click="$modalOpen('7xl-size-modal')">
7xl
</x-button>
<div class="flex flex-col space-y-2 md:space-x-2 md:space-y-0 md:flex-row">
<x-modal id="default-size-modal" title="TallStackUi">
Default (2xl)
</x-modal>
<x-modal id="sm-size-modal" title="TallStackUi" size="sm">
sm
</x-modal>
<x-modal id="md-size-modal" title="TallStackUi" size="md">
md
</x-modal>
<x-modal id="lg-size-modal" title="TallStackUi" size="lg">
lg
</x-modal>
<x-modal id="xl-size-modal" title="TallStackUi" size="xl">
xl
</x-modal>
<x-modal id="3xl-size-modal" title="TallStackUi" size="3xl">
3xl
</x-modal>
<x-modal id="4xl-size-modal" title="TallStackUi" size="4xl">
4xl
</x-modal>
<x-modal id="5xl-size-modal" title="TallStackUi" size="5xl">
5xl
</x-modal>
<x-modal id="6xl-size-modal" title="TallStackUi" size="6xl">
6xl
</x-modal>
<x-modal id="7xl-size-modal" title="TallStackUi" size="7xl">
7xl
</x-modal>
<x-button x-on:click="$modalOpen('default-size-modal')">
Default
</x-button>
<x-button x-on:click="$modalOpen('sm-size-modal')">
sm
</x-button>
<x-button x-on:click="$modalOpen('md-size-modal')">
md
</x-button>
<x-button x-on:click="$modalOpen('lg-size-modal')">
lg
</x-button>
<x-button x-on:click="$modalOpen('xl-size-modal')">
xl
</x-button>
<x-button x-on:click="$modalOpen('3xl-size-modal')">
3xl
</x-button>
<x-button x-on:click="$modalOpen('4xl-size-modal')">
4xl
</x-button>
<x-button x-on:click="$modalOpen('5xl-size-modal')">
5xl
</x-button>
<x-button x-on:click="$modalOpen('6xl-size-modal')">
6xl
</x-button>
<x-button x-on:click="$modalOpen('7xl-size-modal')">
7xl
</x-button>
</div>
</x-preview>
</x-section>
<x-section>
Expand Down
27 changes: 13 additions & 14 deletions resources/views/welcome.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,28 +4,27 @@
</x-slot:title>
<x-section>
<p class="text-justify">
This is TallStackUi, a library of ready-to-use components for TALL Stack applications, based on Livewire V3.
This is the TallStackUi, a library of ready-to-use components for TALL Stack applications.
TallStackUi is unlike anything you've ever seen, from its conception to construction and general
availability. Beforehand we want to tell you a little about the history of TallStackUi.
availability. Beforehand we want to tell you a little about our motivation.
</p>
</x-section>
<x-section class="space-y-4" title="History of TallStackUi">
<x-section class="space-y-4" title="Motivation Behinds TallStackUi">
<p class="text-justify">
Hey! I'm <a href="https://github.com/devajmeireles" class="underline underline-offset-4" target="_blank">AJ</a>,
creator of TallStackUi. I'm a FullStack developer passionate about TALL Stack and addicted to the Laravel ecosystem.
I also cooperate with the PestPHP community and other open-source projects.
Hey! I'm <a href="https://github.com/devajmeireles" class="underline underline-offset-4" target="_blank">AJ</a>, creator of TallStackUi.
FullStack PHP developer, passionate about TALL Stack, addicted to the Laravel ecosystem, and a core member of <a href="https://pestphp.com" class="underline underline-offset-4" target="_blank">PestPHP</a>.
</p>
<p class="text-justify">
For a long time, I have used a variety of component libraries to create TALL Stack applications.
As time went by I started to notice that component libraries started to be abandoned: without new
features, improvements or even bug fixes. Meanwhile, I was creating components manually to avoid
relying on libraries that I knew could stop being supported at any time.
As the owner of a few TALL Stack SaaS, I often came across situations where the component
library I was using left me without new features, updates, or even worse bugs affecting my
applications. I decided to stop using component libraries and create my components manually
– who has never done this? The main problem I found with this was that I needed to recreate
the components in new projects even if I copied them, which would cost me time and money.
</p>
<p class="text-justify">
After a while I came up with the idea of creating TallStackUi: a library of TALL Stack components
to serve me and anyone who wants to believe in the project. <u>The main differentiator you will find
in TallStackUi will be the fact that I use the library myself in my TALL Stack projects.</u> This
encourages me to maintain the library with constant news, improvements and updates.
TallStackUi is a solution to solve a personal problem while serving the community. <u>The main
guarantee you will have is the fact that I, the author, and all contributors are the main
users of the library</u>, guaranteeing useful components and frequent updates.
</p>
</x-section>
</x-layout>

0 comments on commit 4b4e8a4

Please sign in to comment.