Aggiunto icona calendario negli avvisi e rivisto layout dello stesso.

This commit is contained in:
Amministratore 2023-10-04 09:09:14 +02:00
parent a965983b57
commit 4f5b745031
2 changed files with 71 additions and 9 deletions

48
public/css/calendaricon.css vendored Normal file
View File

@ -0,0 +1,48 @@
time.icon
{
font-size: 0.5em; /* change icon size */
display: block;
position: relative;
width: 7em;
height: 7em;
background-color: #fff;
border-radius: 0.6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
}
time.icon *
{
display: block;
width: 100%;
font-size: 1em;
font-weight: bold;
font-style: normal;
text-align: center;
}
time.icon strong
{
position: absolute;
top: 0;
padding: 0.4em 0;
color: #fff;
background-color: #fd9f1b;
border-bottom: 1px dashed #f37302;
box-shadow: 0 2px 0 #fd9f1b;
}
time.icon em
{
position: absolute;
bottom: 0.3em;
color: #fd9f1b;
}
time.icon span
{
font-size: 2.8em;
letter-spacing: -0.05em;
padding-top: 0.8em;
color: #2f2f2f;
}

View File

@ -4,6 +4,10 @@
<h1>Dashboard</h1> <h1>Dashboard</h1>
@endsection @endsection
@section('css')
<link rel="stylesheet" href="/css/calendaricon.css">
@endsection
@section('content') @section('content')
<div class="row"> <div class="row">
@ -100,18 +104,28 @@
<div class="card-footer card-comment draggable"> <div class="card-footer card-comment draggable">
@foreach($avvisi as $avviso) @foreach($avvisi as $avviso)
<div class="card-comment"> <div class="card-comment">
<img class="img-circle img-sm" src="{{ Gravatar::get(App\Models\User::getUserById($avviso->creato_da)->email)}}" alt="User Image"> <div class="row">
<div class="col-xs">
<time datetime="{{ date_format(date_create($avviso->creato_il),'Y-m-d') }}" class="icon">
<em>{{date_format(date_create($avviso->creato_il),'l')}}</em>
<strong>{{date_format(date_create($avviso->creato_il),'F')}}</strong>
<span>{{date_format(date_create($avviso->creato_il),'d')}}</span>
</time>
</div>
<div class="col">
<div class="comment-text"> <div class="comment-text">
<span class="username"> <span class="username">
&nbsp; &nbsp;
<span class="text-muted float-right"> <span class="text-muted float-right">
{{date_format(date_create($avviso->creato_il),'d/m/Y')}} <img class="img-circle img-sm" src="{{ Gravatar::get(App\Models\User::getUserById($avviso->creato_da)->email)}}" alt="User Image">
</span>
</span>
</span>
</span>
</div>
<p>{{ $avviso->avviso }}</p> <p>{{ $avviso->avviso }}</p>
</div> </div>
</div> </div>
</div>
@endforeach @endforeach
</div> </div>
<div class="panel-footer"> <div class="panel-footer">