Currently working on a web messenger project and facing an issue with a specific bar that I want to remove from my interface:
Within the Home.blade.php file, the code snippet looks like this:
@extends('layouts.texter')
@section('content')
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12">
<div class="card">
<div class="card-header" style="width: 32.5% !important; border-right: 1px solid #d6d6d6;">
<div class="user-row">
<img src="{{asset('/images/conta.png')}}" alt="" style="width: 50px; height: 50px; cursor: pointer;">
<span style="float: right; margin-top: 10px; cursor: pointer;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<path fill="currentColor" d="M12 7a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 7zm0 2a2 2 0 1 0-.001 3.999A2 2 0 0 0 12 9zm0 6a2 2 0 1 0-.001 3.999A2 2 0 0 0 12 15z">
</path>
</svg>
</span>
</div>
</div>
<div class="card-body" id="app">
<chat-app :user="{{ auth()->user() }}"></chat-app>
</div>
</div>
</div>
</div>
</div>
</template>
@endsection
Tried modifying the layouts.texter to hide the navigation bars and content, but it resulted in the entire page being blank.
The main goal is to display the home blade without the top bar - any suggestions on how to achieve this?