archiwum/old-gractwo-pl
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix and finalise toasts and copying of discord tag

Browse Source
This commit is contained in:
Jakub Mańczak
2021-07-31 21:21:59 +02:00
parent 6b9bce31d9
commit f4db301d89
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Card.vue
View File

@@ -34,14 +34,15 @@
<g-link :to="`${facebook}`" v-if="facebook" target="_blank"> <g-link :to="`${facebook}`" v-if="facebook" target="_blank">
<i class="fab fa-facebook"></i> <i class="fab fa-facebook"></i>
</g-link> </g-link>
<g-link <a
to="/" href=""
v-if="discord" v-if="discord"
v-tooltip="`Kliknij by skopiować do schowka!`" @click="copyDiscord()"
v-tooltip.top-center="`Kliknij by skopiować do schowka!`"
> >
<i class="fab fa-discord" /> <i class="fab fa-discord" />
{{ discord }} {{ discord }}
</g-link> </a>
</div> </div>
</div> </div>
</div> </div>
@@ -64,8 +65,8 @@ export default {
}, },
methods: { methods: {
copyDiscord: function() { copyDiscord: function() {
// this.$copyText(discord); this.$copyText(this.discord);
this.$toasted.show(`Skopiowano do schowka!`, { this.$toasted.show(`Skopiowano '${this.discord}' do schowka!`, {
duration: 2000, duration: 2000,
className: 'toastcss', className: 'toastcss',
icon: 'check', icon: 'check',

4
src/layouts/Default.vue
View File

@@ -59,10 +59,10 @@ html {
.toastcss { .toastcss {
background-color: var(--gray) !important; background-color: var(--gray) !important;
border-left: 4px solid var(--red); border-left: 4px solid var(--red);
border-bottom: 3px solid; // border-bottom: 3px solid;
border-image-slice: 1; border-image-slice: 1;
border-image-source: linear-gradient( border-image-source: linear-gradient(
90deg, 180deg,
rgba(251, 99, 107, 1) 0%, rgba(251, 99, 107, 1) 0%,
rgba(97, 242, 234, 1) 100% rgba(97, 242, 234, 1) 100%
); );