Ir para conteúdo
Fórum Script Brasil
  • 0

Laravel: como enfrentar o pesadelo do Tailwinds


Frank K Hosaka

Pergunta

O CSS do Bootstrap é assim:

<input class='control'>

O CSS do Tailwinds é assim:

<input class=class='px-3 py-1 border border-gray-300
            rounded-md shadow-sm focus:outline-none focus:ring-indigo-500
            focus:border-indigo-500'>

Agora, imagina que você tem um formulário com seis inputs!

A minha sorte é que o Laravel suporta o PHP, inclusive o marcador <?= ?> (o equivalente no Blade é {{ }}, mas no meu caso não funcionou), e assim consegui contornar o problema:

resources > views > diarioEdita.blade.php
<x-app-layout>
@php $class="class='px-3 py-1 border border-gray-300
            rounded-md shadow-sm focus:outline-none focus:ring-indigo-500
            focus:border-indigo-500'"; @endphp
<form method=post action='diarioEditado' class='w-[500px] mx-auto'>
<table>
    <tr><td><input name=docto type=hidden value={{ $lcto->docto }}>
        Lçto<td><input name=lcto value='{{ $lcto->lcto }}' <?=$class?> >
    <tr><td>Dia<td><input name=dia type=date value={{ $lcto->dia }} <?=$class?>>
    <tr><td>ContaD<td><input name=contad value={{  $lcto->contad }} <?=$class?>>
    <tr><td>ContaC<td><input name=contac value={{ $lcto->contac }} <?=$class?>>
    <tr><td>Valor<td><input name=valor value={{ $lcto->valor }} <?=$class?>>
    <tr><td>Histórico<td><input name=hist value='{{ $lcto->hist }}' <?=$class?>>
</table>
</x-app-layout>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...