medvedych/shrl.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css was moved to external file

Browse source 
textarea -> div
This commit is contained in:
Denis Fedoseev 2019-02-13 11:35:35 +03:00
parent 234c3bfbd5
commit cdf12250c6
2 changed files with 41 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
public/css/main.css Normal file
View file

@ -0,0 +1,37 @@
.content {
width: 300px;
margin: 0 auto;
}
input.url_input {
width: 190px;
}
.title {
padding-bottom: 10px;
}
.url_data {
padding-top: 10px;
}
button.copy_short_url {
width: 32px;
height:32px;
padding: 0px;
margin: 0;
margin-left: 10px;
}
button.copy_short_url > img {
display: block;
width: 28px;
height: 28px;
padding: 0px;
margin: 0;
margin-left: -6px;
margin-top: -4px;
}
div.short_url_text {
width: 205px;
height: 32px;
padding: 5px;
box-sizing: border-box;
margin: 0;
float: left;
}

46
templates/index.html.ep
View file

@ -1,46 +1,8 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<style type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="/css/main.css" media="screen">
.content {
width: 100%
}
.shorten_form {
width: 50%;
margin: 0 auto;
}
.title {
width: 50%;
margin: 0 auto;
padding-bottom: 10px;
}
.url_data {
width: 50%;
margin: 0 auto;
}
button.copy_short_url {
width: 32px;
height:32px;
padding: 0px;
margin: 0;
margin-left: 10px;
}
button.copy_short_url > img {
display: block;
width: 28px;
height: 28px;
padding: 0px;
margin: 0;
margin-left: -6px;
margin-top: -4px;
}
textarea.short_url_text {
width: 300px;
height: 32px;
}
</style>
</head> </head>
<body> <body>
<div class=content> <div class=content>
@ -49,14 +11,14 @@
</div> </div>
<div class=shorten_form> <div class=shorten_form>
<form method=post> <form method=post>
<input type=text name=url> <input type=text name=url class="url_input">
<input type=submit value=short!> <input type=submit value=short!>
</form> </form>
</div> </div>
<% if (exists($page_data->{'url'})) { %> <% if (exists($page_data->{'url'})) { %>
<div class=url_data> <div class=url_data>
<p>source url: <a href='<%== $page_data->{'url'} %>'><%= $page_data->{'url'} %></a></p> <p>source url: <a href='<%== $page_data->{'url'} %>'><%= $page_data->{'url'} %></a></p>
<p><textarea autofocus class=short_url_text><%= $page_data->{'shorten_url'} %></textarea><button class="copy_short_url"><img src="/icons/copy2.png"></button></p> <p><div class=short_url_text ><%= $page_data->{'shorten_url'} %></div><button class="copy_short_url"><img src="/icons/copy2.png"></button></p>
</div> </div>
<% } %> <% } %>
</div> </div>