mirror/0bin
1
0
Fork 0
mirror of https://github.com/Tygs/0bin.git synced 2023-08-10 21:13:00 +03:00
Code Issues Projects Releases Wiki Activity

css & fix image display

Browse Source
This commit is contained in:
papee 2020-08-13 15:25:19 +02:00
parent 2d3f3998de
commit ad016e50bd
6 changed files with 55 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
zerobin/static/css/style.css
View File

@ -163,20 +163,35 @@ input.btn-upload {
input.hide-upload { input.hide-upload {
position: relative; position: relative;
left: -110px; left: -80px;
-moz-opacity: 0; -moz-opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0; opacity: 0;
z-index: 2; z-index: 2;
width: 100px; width: 80px;
margin-top: -20px; margin-top: -20px;
cursor: pointer; cursor: pointer;
cursor: hand; cursor: hand;
height: 49px; height: 24px;
} }
/* Paste Page */ /* Paste Page */
.paste-wrapper {
width: 100%;
text-align: center;
background-color: #333333;
margin-bottom: 8px;
}
.pre-wrapper {
margin: 8px 0 8px 0;
}
.paste-wrapper img{
width: 94%;
}
#paste-content.linenums { #paste-content.linenums {
padding-left: 0; padding-left: 0;
} }
@ -233,10 +248,22 @@ pre {
} }
.form-group { .form-group {
/* margin-bottom: 1rem; */
margin-bottom: 0; margin-bottom: 0;
} }
.download-link {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.download-link a{
color: #eee;
}
.download-link a:hover{
text-decoration: none;
}
.select-date { .select-date {
width: 320px; width: 320px;
float: right; float: right;
@ -288,11 +315,6 @@ form textarea {
clear: both; clear: both;
} }
.previous-pastes canvas {
display: block;
float: left;
margin-right: 5px;
}
html.local-storage .no-local-storage { html.local-storage .no-local-storage {
display: none; display: none;
@ -416,14 +438,15 @@ nav ul li a:hover {
} }
.submenu ul { .submenu ul {
display: none;
position: absolute; position: absolute;
margin: 6px 0 0px 9px; margin: 6px 0 0px 0px;
width: fill-available; width: fill-available;
z-index: 999; z-index: 999;
border: 1px solid #666; border: 1px solid #666;
border-radius: 3px; border-radius: 3px;
padding: 0; padding: 0;
width: 133px;
border-top: 0px;
} }
.submenu li { .submenu li {
@ -450,7 +473,7 @@ nav ul li a:hover {
} }
/* Responsive */ /* Responsive */
@media screen and (max-width: 800px) { @media screen and (max-width: 840px) {
.topnav a:not(:first-child) { .topnav a:not(:first-child) {
display: none; display: none;
} }
@ -471,4 +494,7 @@ nav ul li a:hover {
pre { pre {
font-size: 70%; font-size: 70%;
} }
} }

9
zerobin/static/js/behavior.js
View File

@ -744,11 +744,14 @@ if (content && key) {
let pasteContent = document.querySelector('#paste-content'); let pasteContent = document.querySelector('#paste-content');
pasteContent.style.display = "none"; pasteContent.style.display = "none";
var img = document.createElement('img') var imgWrapper = document.createElement('div');
imgWrapper.classList.add('paste-wrapper');
var img = document.createElement('img');
img.src = content; img.src = content;
img.style.maxWidth = '742px'; //img.style.maxWidth = '742px';
pasteContent.after(img); pasteContent.after(imgWrapper);
imgWrapper.appendChild(img);
// Display Download button // Display Download button
document.querySelectorAll('.btn-clone').forEach((node) => node.style.display = "none") document.querySelectorAll('.btn-clone').forEach((node) => node.style.display = "none")

3
zerobin/views/404.tpl
View File

@ -10,7 +10,6 @@
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<div> <div>
<label class="col-form-label"><span class="blk-space"></span></label>
<div class="file-upload" v-if="support.fileUpload"> <div class="file-upload" v-if="support.fileUpload">
<input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'" <input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'"
:disabled="isUploading"> :disabled="isUploading">
@ -34,7 +33,7 @@
</div> </div>
<div> <div class="pre-wrapper">
<div class="progress" v-show="isLoading"> <div class="progress" v-show="isLoading">
<div class="progress-bar progress-bar-striped" role="progressbar"></div> <div class="progress-bar progress-bar-striped" role="progressbar"></div>
</div> </div>

2
zerobin/views/base.tpl
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>0bin - encrypted pastebin</title> <title>0bin - encrypted pastebin</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="0bin is a client-side-encrypted <meta name="description" content="0bin is a client-side-encrypted
pastebin featuring burn after reading, history, and pastebin featuring burn after reading, history, and
a clipboard"> a clipboard">

3
zerobin/views/home.tpl
View File

@ -2,7 +2,6 @@
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<div> <div>
<label class="col-form-label"><span class="blk-space"></span></label>
<div class="file-upload" v-if="support.fileUpload"> <div class="file-upload" v-if="support.fileUpload">
<input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'" <input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'"
:disabled="isUploading"> :disabled="isUploading">
@ -26,7 +25,7 @@
</div> </div>
<div> <div class="pre-wrapper">
<div class="progress" v-show="isLoading"> <div class="progress" v-show="isLoading">
<div class="progress-bar progress-bar-striped" role="progressbar"></div> <div class="progress-bar progress-bar-striped" role="progressbar"></div>
</div> </div>

16
zerobin/views/paste.tpl
View File

@ -33,9 +33,8 @@
<div> <div>
<span class="paste-option btn-group"> <span class="paste-option btn-group">
<button class="btn btn-clone btn-secondary" @click.prevent="handleClone()">Clone</button> <button class="btn btn-clone btn-secondary" @click.prevent="handleClone()">Clone</button>
<button class="btn btn-secondary download-link" v-if="downloadLink.url">
<button class="btn btn-secondar" v-if="downloadLink.url"> <a :href="downloadLink.url" :download="downloadLink.name">Download</a>
<a :href="downloadLink.url" :download="downloadLink.name"> Download</a>
</button> </button>
<button class="btn btn-secondary">New Paste</button> <button class="btn btn-secondary">New Paste</button>
@ -56,9 +55,11 @@
%end %end
<pre id="paste-content" class="prettyprint"> <pre id="paste-content" class="prettyprint">
<code> <div class="paste-wrapper">
{{ paste.content }} <code>
</code> {{ paste.content }}
</code>
</div>
</pre> </pre>
<div class="d-flex justify-content-between down"> <div class="d-flex justify-content-between down">
@ -69,7 +70,7 @@
<span class="paste-option btn-group"> <span class="paste-option btn-group">
<button class="btn btn-clone btn-secondary" @click.prevent="handleClone()">Clone</button> <button class="btn btn-clone btn-secondary" @click.prevent="handleClone()">Clone</button>
<button class="btn btn-secondar" v-if="downloadLink.url"> <button class="btn btn-secondary download-link" v-if="downloadLink.url">
<a :href="downloadLink.url" :download="downloadLink.name"> Download</a> <a :href="downloadLink.url" :download="downloadLink.name"> Download</a>
</button> </button>
@ -88,7 +89,6 @@
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<div> <div>
<label class="col-form-label">&nbsp;</label>
<div class="file-upload"> <div class="file-upload">
<button type="button" class="btn btn-danger" @click.prevent="handleCancelClone()">Cancel clone</button> <button type="button" class="btn btn-danger" @click.prevent="handleCancelClone()">Cancel clone</button>
</div> </div>