Improve HTML paste display view
This commit is contained in:
parent
15d293d9c0
commit
9297dca6a3
|
@ -149,7 +149,7 @@
|
|||
</form>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<div class="footer"> {{-- TODO: Fix this hack --}}
|
||||
@if($js)
|
||||
<a href="/">No JS version</a>
|
||||
@else
|
||||
|
|
|
@ -3,46 +3,52 @@
|
|||
<head>
|
||||
<title>{{ $id }} · pastethingy</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet" type="text/css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Fira+Mono|Roboto+Mono:400,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
/* how do I CSS */
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
font-family: 'Roboto Mono';
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
font-weight: 100;
|
||||
font-family: 'Lato';
|
||||
width: 99%;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title {
|
||||
header {
|
||||
text-align: center;
|
||||
font-size: 96px;
|
||||
font-family: 'Roboto Mono';
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 0 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 5px 5px;
|
||||
margin: 3px 3px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="/pygments.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="title">pastethingy</div>
|
||||
<div class="paste">
|
||||
<header>
|
||||
{{ $id }} (language: {{ $language }}, expires at: {{ $expires_at }} UTC)
|
||||
</header>
|
||||
<section>
|
||||
{!! $content !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue