mirror of
https://github.com/anatolykopyl/vk-bingo.git
synced 2026-03-26 12:54:25 +00:00
Game works
This commit is contained in:
39
frontend/src/components/SourceCodeLink.vue
Normal file
39
frontend/src/components/SourceCodeLink.vue
Normal file
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<a
|
||||
class="source"
|
||||
href="https://github.com/anatolykopyl/vk-bingo"
|
||||
target="_blank"
|
||||
>
|
||||
Исходный код
|
||||
</a>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.source {
|
||||
color: #f3f3f350;
|
||||
background-color: #12121250;
|
||||
border-radius: 6px;
|
||||
padding: 3px 6px;
|
||||
position: fixed;
|
||||
width: 20ch;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
transition: all 0.3s;
|
||||
cursor: pointer;
|
||||
z-index: -1;
|
||||
}
|
||||
.source:hover {
|
||||
color: #f3f3f3;
|
||||
background-color: #121212;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 520px) {
|
||||
.source {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user