mas mejoras generales al ui, me gusta hacer eso

This commit is contained in:
Daniel Cortés
2019-10-15 18:22:09 -03:00
parent 9f77ef6dd4
commit 2a6fc094fa
11 changed files with 74 additions and 38 deletions

29
public/css/app.css vendored
View File

@@ -1528,9 +1528,27 @@ p {
article { article {
box-shadow: 3px 3px 10px 0px #aaa; box-shadow: 3px 3px 10px 0px #aaa;
padding: 2ch 10ch; padding: 2ch 2ch;
margin-bottom: 2em; margin-bottom: 2em;
background-color: white; background-color: white;
overflow-x: auto;
}
@media (min-width: 768px) {
article {
padding: 2ch 10ch;
overflow-x: none;
}
}
.post-title {
text-decoration: none;
letter-spacing: 0.1ch;
color: #241f1e;
}
time {
color: #937f7b;
} }
/****************************************************************************** /******************************************************************************
@@ -1673,8 +1691,7 @@ article {
} }
.special-link:hover { .special-link:hover {
color: #ee1155; color: #f14177;
border-bottom: 1px #ee1155 solid;
background-color: transparent; background-color: transparent;
} }
@@ -1732,7 +1749,13 @@ article {
} }
.pure-table .controls { .pure-table .controls {
width: 10ch;
}
@media (min-width: 768px) {
.pure-table .controls {
width: 22ch; width: 22ch;
}
} }
.pure-table .controls > * { .pure-table .controls > * {

View File

@@ -46,11 +46,30 @@ p {
line-height: 1.5rem; line-height: 1.5rem;
} }
article { article {
box-shadow: 3px 3px 10px 0px #aaa; box-shadow: 3px 3px 10px 0px #aaa;
padding: 2ch 10ch; padding: 2ch 2ch;
margin-bottom: 2em; margin-bottom: 2em;
background-color: lighten($background-color, 10%); background-color: lighten($background-color, 10%);
overflow-x: auto;
}
@media (min-width: 768px) {
article {
padding: 2ch 10ch;
overflow-x: none;
}
}
.post-title {
text-decoration: none;
letter-spacing: .1ch;
color: $foreground-color;
}
time {
color: lighten($foreground-color, 40%);
} }
/****************************************************************************** /******************************************************************************
@@ -191,8 +210,7 @@ article {
} }
.special-link:hover{ .special-link:hover{
color: $admin-color; color: lighten($admin-color,10%);
border-bottom: 1px $admin-color solid;
background-color: transparent; background-color: transparent;
} }
@@ -217,6 +235,7 @@ article {
/****************************************************************************** /******************************************************************************
=> Tables => Tables
*******************************************************************************/ *******************************************************************************/
.pure-table { .pure-table {
margin-top: 1em; margin-top: 1em;
} }
@@ -244,12 +263,19 @@ article {
max-width: 30ch; max-width: 30ch;
} }
.pure-table tr { .pure-table tr {
border-bottom: 1px black solid; border-bottom: 1px black solid;
} }
.pure-table .controls { .pure-table .controls {
width: 10ch;
}
@media (min-width: 768px){
.pure-table .controls {
width: 22ch; width: 22ch;
}
} }
.pure-table .controls > *{ .pure-table .controls > *{

View File

@@ -1,5 +1,4 @@
@extends('admin.base') @extends('admin.base')
@section('content') @section('content')
<h1>Admin Panel</h1>
@endsection @endsection

View File

@@ -1,12 +1,15 @@
@extends('base') @extends('base')
@section('content') @section('content')
<article>
<h1>Archivo</h1> <h1>Archivo</h1>
<ul> <ul>
@foreach($posts as $post) @foreach($posts as $post)
<li> <li>
<a href="{{ route('blog.show', ['post' => $post->id]) }}">{{$post->title}}</a> <span>({{$post->created_at->format('Y-m-d')}})</span> <a href="{{ route('blog.show', ['post' => $post->id]) }}">{{$post->title}}</a>
<time datetime="{{ $post->created_at->toDateString() }}"> {{ $post->created_at->toFormattedDateString() }} </time>
</li> </li>
@endforeach @endforeach
</ul> </ul>
</article>
@endsection @endsection

View File

@@ -8,7 +8,8 @@
@foreach($posts as $post) @foreach($posts as $post)
<article> <article>
<header> <header>
<h1>{{$post->title}}</h1> <h1><a class="post-title" href="{{ route('blog.show', ['post' => $post->id])}}">{{$post->title}}</a></h1>
<time datetime="{{ $post->created_at->toDateString() }}"> {{ $post->created_at->toFormattedDateString() }} </time>
</header> </header>
{!! $parse->text($post->md) !!} {!! $parse->text($post->md) !!}
</article> </article>

View File

@@ -7,7 +7,7 @@
@section('content') @section('content')
<article> <article>
<header> <header>
<h1>{{$post->title}}</h1> <h1 class="post-title">{{$post->title}}</h1>
</header> </header>
{!! $parse->text($post->md) !!} {!! $parse->text($post->md) !!}
</article> </article>

View File

@@ -1,5 +1,4 @@
@extends('base') @extends('base')
@section('content') @section('content')
<h1>Home</h1>
@endsection @endsection

View File

@@ -7,7 +7,7 @@
@section('content') @section('content')
<article> <article>
<header> <header>
<h1>Now</h1> <h1 class="post-title">Now</h1>
</header> </header>
{!! $parse->text($now->md) !!} {!! $parse->text($now->md) !!}
</article> </article>

View File

@@ -8,7 +8,7 @@
@foreach($projects as $project) @foreach($projects as $project)
<article> <article>
<header> <header>
<h1>{{ $project->title }}</h1> <h1 class="post-title">{{ $project->title }}</h1>
</header> </header>
{!! $parse->text($project->md) !!} {!! $parse->text($project->md) !!}

View File

@@ -8,7 +8,7 @@
@foreach($setups as $setup) @foreach($setups as $setup)
<article> <article>
<header> <header>
<h1>{{$setup->title}}</h1> <h1 class="post-title">{{$setup->title}}</h1>
</header> </header>
{!! $parse->text($setup->md) !!} {!! $parse->text($setup->md) !!}
</article> </article>

View File

@@ -1,15 +0,0 @@
@extends('base')
@php
$parse = new Parsedown();
@endphp
@section('content')
<article>
<header>
<h1>{{$setup->title}}</h1>
</header>
{!! $parse->text($setup->md) !!}
</article>
<hr/>
@endsection