mirror of
https://github.com/status-im/universal-links-handler.git
synced 2025-02-23 16:18:09 +00:00
Fix styles on desktop
Signed-off-by: Nistor Cristian <contact@nistorcristian.com>
This commit is contained in:
parent
eb72daab81
commit
c5ad909768
@ -11,14 +11,26 @@
|
||||
line-height: 18px;
|
||||
color: #939BA1;
|
||||
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-radius: 3px;
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
margin-bottom: 15px;
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.copy{
|
||||
@ -44,3 +56,11 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.break-word{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 280px;
|
||||
margin: 0 auto 20px;
|
||||
font-size: 24px;
|
||||
}
|
@ -173,9 +173,9 @@
|
||||
<div class="inner" id="copy-target"><%= title %></div>
|
||||
<a href="#" data-clipboard-target="#copy-target">Copy</a>
|
||||
</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">
|
||||
Chat and transact in Status.
|
||||
Chat and transact with <span><%= title %></span> in Status.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user