mirror of
https://github.com/schlagmichdoch/PairDrop.git
synced 2025-04-20 15:06:15 -04:00
Styling for shorturl
This commit is contained in:
parent
1c935030b6
commit
2a8f688bee
1 changed files with 23 additions and 9 deletions
|
@ -36,17 +36,32 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.explanation {
|
.explanation {
|
||||||
@apply(--paper-font-headline);
|
@apply(--paper-font-headline);
|
||||||
color: #4285f4;
|
color: #4285f4;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.short {
|
.short {
|
||||||
@apply(--paper-font-body1);
|
font-size: 14px;
|
||||||
color: #333;
|
line-height: 18px;
|
||||||
|
color: #505050;
|
||||||
|
}
|
||||||
|
|
||||||
|
.short a {
|
||||||
|
color: #4285f4;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.explanation:hover a {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 600px) {
|
||||||
|
.explanation {
|
||||||
|
width: 340px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[only] {
|
[only] {
|
||||||
|
@ -64,11 +79,10 @@
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<div hidden$="{{buddies.0}}" class="explanation">
|
<div hidden$="{{buddies.0}}" class="explanation">
|
||||||
Open Snapdrop on other devices
|
Open Snapdrop on other devices to send files.
|
||||||
<br> to send files.
|
<div class="short">
|
||||||
<paper-tooltip offset="14">
|
Short link: <a href="http://yg.gl" target="_blank">yg.gl</a>
|
||||||
short url: yg.gl
|
</div>
|
||||||
</paper-tooltip>
|
|
||||||
</div>
|
</div>
|
||||||
<personal-avatar class="me"></personal-avatar>
|
<personal-avatar class="me"></personal-avatar>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue