status-im/universal-links-handler
2
0
Fork 0
mirror of https://github.com/status-im/universal-links-handler.git synced 2025-02-23 08:08:08 +00:00
Code Issues Projects Releases Wiki Activity

Fix styles on desktop

Browse Source 
Signed-off-by: Nistor Cristian <contact@nistorcristian.com>
This commit is contained in:
Nistor Cristian 2020-02-03 22:03:43 +02:00
parent eb72daab81
commit c5ad909768
No known key found for this signature in database
GPG Key ID: E0B6FBD6EB95AAB1
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/css/main.css
View File

@ -11,14 +11,26 @@
line-height: 18px; line-height: 18px;
color: #939BA1; color: #939BA1;
margin-top: 15px; margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
} }
.qr-code{ .info span{
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 70px;
margin: 0 2px 0 4px;
}
img.qr-code{
border: 1px solid #EEF2F5; border: 1px solid #EEF2F5;
border-radius: 3px; border-radius: 3px;
width: 100%; width: 100%;
max-width: 280px; max-width: 280px;
margin-bottom: 15px; margin-bottom: 15px;
height: 280px;
} }
.copy{ .copy{
@ -43,4 +55,12 @@
width: 180px; width: 180px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
}
.break-word{
overflow: hidden;
text-overflow: ellipsis;
max-width: 280px;
margin: 0 auto 20px;
font-size: 24px;
} }

4
views/index.ejs
View File

@ -173,9 +173,9 @@
<div class="inner" id="copy-target"><%= title %></div> <div class="inner" id="copy-target"><%= title %></div>
<a href="#" data-clipboard-target="#copy-target">Copy</a> <a href="#" data-clipboard-target="#copy-target">Copy</a>
</div> </div>
<a href="status-im:/<%= path %>" class="btn btn-purple-fill">Open in Status</a> <a href="status-im:/<%= path %>" class="btn btn-purple-fill">Download Status</a>
<div class="info"> <div class="info">
Chat and transact in Status. Chat and transact with <span><%= title %></span> in Status.
</div> </div>
</div> </div>
</div> </div>