Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Erro folha de estilo na linha detalhes

Bom dia,

Estou na aula 05, e fiz a questão de colocar os arquivos sobre produtos na pasta /produto e do layout na pasta /layout. Até ai tudo bem. Mas estou com um problema no css, quando acesso /produtos ele esta ok, mas quando clico em /produtos/mostra/1 ele dá erro na folha de estilo.

http://www.ondesigner.com.br/senge/produtos

@extends('layout.principal')
@section('conteudo')

@if(empty($produtos))
    <div class="alert alert-danger">
      Você não tem nenhum produto cadastrado.
    </div>
 @else
    <h1>Listagem de produtos</h1>
    <table class="table table-striped table-bordered table-hover">
      @foreach ($produtos as $p)
      <!-- Criando lógica -->
      <tr class="{{$p->quantidade <=1 ? 'danger' : ''}}">
        <td>{{$p->nome}}</td>
        <td>{{$p->valor}}</td>
        <td>{{$p->descricao}}</td>
        <td>{{$p->quantidade}}</td>
        <td><a href="produtos/mostra/{{$p->id}}">
             <span class="glyphicon glyphicon-search"></span>
             </a>
       </td>
      </tr>
      @endforeach
    </table>
  @endif
   <h4>
  <span class="label label-danger pull-right">
    Um ou menos itens no estoque
  </span>
 </h4>
@stop

http://www.ondesigner.com.br/senge/produtos/mostra/1

@extends('layout.principal')
@section('conteudo')


    <h1>Edição do produto {{ $p->nome }}</h1>

      <ul>
        <li>{{$p->nome}}</li>
        <li>{{$p->valor}}</li>
        <li>{{$p->descricao}}</li>
        <li>{{$p->quantidade}}</li>
      </ul>
@stop

Estou usando o ftp do meu servidor e fiz uma configuração que foi recomendada que é a pasta laravel esta antes do public_html/ e dentro do public_html/ está apenas a pasta /public do laravel. Isso é a melhor prática? Muito obrigado.

4 respostas

Mostra pra gente o conteúdo de layout.principal por favor?

<!DOCTYPE html>
<html>
<head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/app.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
    <title>Controle de estoque</title>
</head>
<body>
  <div class="container">

  <nav class="navbar navbar-default">
    <div class="container-fluid">

    <div class="navbar-header">      
      <a class="navbar-brand" href="/produtos">Estoque Laravel</a>
    </div>

      <ul class="nav navbar-nav navbar-right">
        <li><a href="produtos">Listagem</a></li>
      </ul>

    </div>
  </nav>

 @yield('conteudo')

  <footer class="footer">
      <p>© Livro de Laravel do Alura.</p>
  </footer>

  </div>
</body>
</html>

Leando, você está usando caminho relativo a página corrente para carregar os css, por isso que quando muda de página, ele não consegue encontrar. Acredito que por um / no começo já resolva, mas a melhor prática é usar a função asset

https://laravel.com/docs/5.5/helpers#method-asset

Dá uma olhada

solução!

Show, ficou resolvido dessa forma:

    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

Obrigado.