Skip to content

Commit

Permalink
feat: footer integration
Browse files Browse the repository at this point in the history
  • Loading branch information
@krlz16
krlz16 committed Mar 28, 2024
1 parent a1f3e6d commit cc26adf
Show file tree
Hide file tree
Showing 7 changed files with 108 additions and 4 deletions.
9 changes: 6 additions & 3 deletions src/components/Container/Container.vue
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,18 @@
<template>
<div class="content-explorer">
<Navbar />
<div class="content-view">
<main class="content-view">
<Sidebar />
<div class="content-view-body">
<connection-status v-if="!connected"></connection-status>
<router-view />
</div>
</div>
</main>
<Footer />
</div>
</template>
<script>
import Footer from '@/components/General/Footer.vue'
import Navbar from '../Navigations/Navbar.vue'
import Sidebar from '../Navigations/Sidebar.vue'
import ConnectionStatus from '@/components/ConnectionStatus.vue'
Expand All @@ -20,7 +22,8 @@ export default {
components: {
Navbar,
Sidebar,
ConnectionStatus
ConnectionStatus,
Footer
},
computed: {
...mapState({
Expand Down
39 changes: 39 additions & 0 deletions src/components/General/Footer.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<template>
<footer>
<div>
Built by <span class="title">RootstockLabs</span>
<div class="copy">Copyright &copy; {{ new Date().getFullYear() }} Rootstock Labs. All rights reserved.</div>
</div>
<div>
<ul class="navigation">
<li><a href="https://rootstock.io/" target="_blank">About Rootstock Labs </a></li>
<li><a href="https://rootstock.io/contact/" target="_blank">Help</a></li>
<li><a href="https://rootstock.io/terms-conditions/" target="_blank">Terms & Conditions</a></li>
<li><a href="https://dev.rootstock.io/" target="_blank">Documentation</a></li>
</ul>
</div>
<div class="social">
<a href="https://twitter.com/rootstock_io" target="_blank">
<x-icon />
</a>
<a href="https://github.com/rsksmart" target="_blank">
<github-icon />
</a>
<a href="https://discord.com/invite/rootstock" target="_blank">
<discord-icon />
</a>
</div>
</footer>
</template>
<script>
import DiscordIcon from '@/icons/DiscordIcon.vue'
import XIcon from '@/icons/XIcon.vue'
import GithubIcon from '@/icons/GithubIcon.vue'
export default {
components: {
DiscordIcon,
XIcon,
GithubIcon
}
}
</script>
7 changes: 7 additions & 0 deletions src/icons/DiscordIcon.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 42 42">
<path d="M42.298,11.65c-0.676-1.021-1.633-1.802-2.768-2.256c-2.464-0.988-4.583-1.648-6.479-2.02 C31.721,7.114,30.404,7.768,29.771,9l-0.158,0.308c-1.404-0.155-2.895-0.207-4.593-0.164c-1.741-0.042-3.237,0.009-4.643,0.164 L20.22,9c-0.633-1.232-1.952-1.885-3.279-1.625c-1.896,0.371-4.016,1.031-6.479,2.02c-1.134,0.454-2.091,1.234-2.768,2.256 c-4.721,7.131-6.571,14.823-5.655,23.517c0.032,0.305,0.202,0.578,0.461,0.741c3.632,2.29,6.775,3.858,9.891,4.936 c1.303,0.455,2.748-0.054,3.517-1.229l1.371-2.101c-1.092-0.412-2.158-0.9-3.18-1.483c-0.479-0.273-0.646-0.884-0.373-1.363 c0.273-0.481,0.884-0.65,1.364-0.373c3.041,1.734,6.479,2.651,9.942,2.651s6.901-0.917,9.942-2.651 c0.479-0.277,1.09-0.108,1.364,0.373c0.273,0.479,0.106,1.09-0.373,1.363c-1.056,0.603-2.16,1.105-3.291,1.524l1.411,2.102 c0.581,0.865,1.54,1.357,2.528,1.357c0.322,0,0.647-0.053,0.963-0.161c3.125-1.079,6.274-2.649,9.914-4.944 c0.259-0.163,0.429-0.437,0.461-0.741C48.869,26.474,47.019,18.781,42.298,11.65z M18.608,28.983c-1.926,0-3.511-2.029-3.511-4.495 c0-2.466,1.585-4.495,3.511-4.495s3.511,2.029,3.511,4.495C22.119,26.954,20.534,28.983,18.608,28.983z M31.601,28.957 c-1.908,0-3.478-2.041-3.478-4.522s1.57-4.522,3.478-4.522c1.908,0,3.478,2.041,3.478,4.522S33.509,28.957,31.601,28.957z"
fill="white"
></path>
</svg>
</template>
5 changes: 5 additions & 0 deletions src/icons/GithubIcon.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<template>
<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.1948 11.3571C22.1878 11.4571 22.1798 11.5681 22.1738 11.6731C22.1492 12.1293 22.094 12.5833 22.0088 13.0321C21.6707 14.8265 20.8933 16.5091 19.7464 17.9298C18.5994 19.3506 17.1185 20.4652 15.4358 21.1741C15.1998 21.2741 14.9588 21.3621 14.7178 21.4441C14.5664 21.4967 14.4012 21.4939 14.2517 21.436C14.1554 21.3974 14.0731 21.3302 14.0159 21.2435C13.9587 21.1569 13.9293 21.0549 13.9317 20.951C13.9317 20.451 13.9387 19.9511 13.9397 19.4441C13.9397 18.9021 13.9467 18.3611 13.9397 17.8201C13.9429 17.3995 13.8638 16.9823 13.7068 16.592C13.5984 16.327 13.4344 16.0883 13.2258 15.8921L13.2046 15.868L13.4378 15.838C14.2105 15.7545 14.9658 15.5522 15.6768 15.238C16.4619 14.8833 17.1135 14.288 17.5376 13.5381C17.783 13.0939 17.9598 12.6151 18.0618 12.118C18.1933 11.4968 18.2464 10.8615 18.2197 10.2271C18.1939 9.22729 17.8114 8.26974 17.1416 7.5271C17.1257 7.51265 17.115 7.49348 17.1109 7.47241C17.1067 7.45134 17.1094 7.42942 17.1187 7.41003C17.2776 6.95893 17.3433 6.48028 17.3118 6.00305C17.2846 5.52311 17.1812 5.05052 17.0056 4.60303C17.0016 4.58676 16.9927 4.57221 16.98 4.56128C16.9673 4.55035 16.9515 4.54368 16.9348 4.54211C16.727 4.51609 16.5162 4.52615 16.3118 4.57202C15.8201 4.67532 15.3475 4.85526 14.9116 5.1051C14.6026 5.2761 14.3067 5.4671 14.0047 5.6521C13.9903 5.66229 13.9739 5.66898 13.9566 5.67175C13.9392 5.67453 13.9216 5.67331 13.9048 5.66809C13.4195 5.53677 12.9251 5.44148 12.4258 5.38306C11.8664 5.31736 11.3025 5.29693 10.7398 5.32202C10.335 5.33934 9.9316 5.38077 9.53175 5.44604C9.18205 5.50239 8.83549 5.57716 8.49367 5.67004C8.47953 5.67313 8.46494 5.67335 8.4507 5.67078C8.43646 5.6682 8.42283 5.66287 8.41066 5.65503C7.93787 5.33322 7.43562 5.05704 6.91066 4.83008C6.59987 4.69486 6.27288 4.60071 5.93776 4.55005C5.78173 4.52536 5.62284 4.52536 5.46681 4.55005C5.45481 4.55313 5.44351 4.55877 5.43385 4.56653C5.4242 4.57429 5.41625 4.58404 5.41066 4.59509C5.19338 5.12933 5.08422 5.70136 5.08962 6.27808C5.09247 6.67532 5.16403 7.06904 5.3008 7.44202C5.30596 7.45494 5.30655 7.46928 5.30275 7.48267C5.29895 7.49605 5.29098 7.50783 5.2798 7.51611C4.87203 7.96654 4.56695 8.50014 4.38576 9.08008C4.25644 9.49457 4.1891 9.92592 4.18581 10.3601C4.17881 10.808 4.2075 11.2558 4.27174 11.6991C4.36227 12.4007 4.5951 13.0765 4.95583 13.6851C5.34575 14.3156 5.90167 14.8266 6.56276 15.1621C7.07684 15.425 7.62603 15.6121 8.19362 15.718C8.51062 15.78 8.83163 15.8181 9.15163 15.8711L9.18874 15.879L9.17165 15.901C8.88747 16.1731 8.68545 16.5196 8.58864 16.901C8.54964 17.036 8.5298 17.1741 8.4988 17.3101C8.49414 17.3309 8.48144 17.3492 8.46364 17.3611C8.07542 17.5404 7.65349 17.6346 7.22585 17.6371C6.88058 17.6386 6.54015 17.5555 6.23439 17.3951C5.92863 17.2348 5.6667 17.002 5.4717 16.717C5.3607 16.567 5.2658 16.4021 5.1548 16.2511C4.93258 15.9321 4.639 15.6691 4.29762 15.483C3.98506 15.3142 3.62148 15.2658 3.27565 15.347C3.07065 15.396 3.03364 15.519 3.16164 15.686C3.25678 15.8095 3.37673 15.9117 3.51369 15.9861C3.74843 16.1202 3.95064 16.3045 4.10573 16.526C4.37645 16.8763 4.5981 17.2618 4.76466 17.672C4.83991 17.8681 4.94621 18.0508 5.07961 18.213C5.35913 18.5391 5.73142 18.7725 6.14674 18.8821C6.51701 18.9847 6.90069 19.0302 7.28468 19.0171C7.67206 19.0084 8.0581 18.9675 8.43874 18.895C8.43874 18.916 8.43874 18.9351 8.43874 18.9551C8.44474 19.6057 8.44963 20.2564 8.45363 20.9071C8.45923 21.0105 8.43911 21.1135 8.39479 21.207C8.35142 21.2902 8.2865 21.3601 8.2068 21.4095C8.12711 21.459 8.03543 21.4861 7.94167 21.488C7.7837 21.4932 7.62661 21.4631 7.48171 21.4C5.81171 20.8033 4.30986 19.8132 3.10329 18.5135C1.89672 17.2139 1.021 15.6428 0.549821 13.9331C0.406688 13.4137 0.303001 12.8841 0.239763 12.349C0.022838 10.5647 0.24546 8.75454 0.888444 7.07605C1.53143 5.39756 2.57523 3.90169 3.92873 2.71899C5.03698 1.74852 6.32939 1.01122 7.72878 0.551025C8.31546 0.357232 8.91771 0.214064 9.52882 0.123047C9.92624 0.0617311 10.3269 0.0239614 10.7288 0.0100098C10.756 0.0086026 10.7831 0.00525106 10.8098 0H11.5408C11.5706 0.00517646 11.6005 0.00895618 11.6306 0.0111084C12.0534 0.0262877 12.4751 0.0672895 12.8928 0.134033C13.521 0.230168 14.1391 0.382842 14.7398 0.590088C16.3997 1.15942 17.9002 2.11572 19.1174 3.37988C20.3347 4.64404 21.2336 6.17977 21.7398 7.86011C21.9839 8.67323 22.1309 9.51241 22.1778 10.3601C22.1848 10.4601 22.1927 10.56 22.1987 10.66L22.1948 11.3571Z" fill="white"/>
</svg>
</template>
5 changes: 5 additions & 0 deletions src/icons/XIcon.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<template>
<svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9521 0H18.311C18.351 0.005 18.3902 0.0129912 18.4292 0.0159912C18.5382 0.0249912 18.6478 0.0289922 18.7568 0.0419922C19.9462 0.181225 21.0534 0.719104 21.8979 1.56799C21.9298 1.60999 21.9742 1.64054 22.0249 1.65497C22.0756 1.6694 22.13 1.66695 22.1792 1.64801H22.189C23.0706 1.45778 23.9243 1.15529 24.729 0.747986C24.91 0.656986 25.0861 0.555999 25.2651 0.460999C25.2961 0.444999 25.3231 0.415993 25.3721 0.429993C25.3631 0.465993 25.3572 0.497029 25.3462 0.530029C25.0949 1.24754 24.6927 1.9029 24.167 2.45203C23.873 2.75979 23.5434 3.03134 23.1851 3.26099C23.1631 3.27499 23.1419 3.29302 23.1099 3.31702C23.1379 3.31702 23.1467 3.31702 23.1567 3.31702C23.9189 3.22127 24.6683 3.04048 25.3901 2.77802C25.6271 2.69202 25.8578 2.58798 26.0898 2.49298V2.53302C26.0698 2.55902 26.0488 2.585 26.0288 2.612C25.3682 3.57253 24.5581 4.42096 23.6289 5.125C23.4359 5.272 23.453 5.20301 23.458 5.47601C23.4768 6.16709 23.449 6.85866 23.375 7.54602C23.2536 8.60362 23.0243 9.646 22.6909 10.657C22.3809 11.5985 21.9838 12.5092 21.5049 13.377C20.8327 14.5992 19.9978 15.7244 19.0229 16.722C18.6741 17.0776 18.3069 17.4147 17.9229 17.732C16.6094 18.8216 15.1102 19.6651 13.4971 20.222C12.623 20.5238 11.7228 20.7437 10.8081 20.879C10.3341 20.95 9.85888 21.002 9.37988 21.026C9.25888 21.032 9.13714 21.048 9.01514 21.06H7.71484C7.67284 21.054 7.62989 21.046 7.58789 21.042C7.24989 21.013 6.9112 20.993 6.5752 20.955C5.83827 20.8705 5.10871 20.7301 4.39307 20.535C3.52639 20.2995 2.68242 19.9872 1.87109 19.602C1.33977 19.3491 0.82367 19.0657 0.325195 18.753C0.296195 18.735 0.268723 18.713 0.240723 18.692C0.243848 18.6835 0.246819 18.6748 0.249023 18.666C1.16066 18.7636 2.08055 18.7495 2.98877 18.624C3.90159 18.4958 4.7939 18.248 5.64209 17.887C6.49356 17.5271 7.29368 17.0563 8.02197 16.487C7.97697 16.478 7.95606 16.473 7.93506 16.471C7.80306 16.459 7.67016 16.45 7.53516 16.435C6.91597 16.3641 6.31412 16.1829 5.75879 15.9C4.95381 15.4922 4.26563 14.8866 3.75879 14.14C3.49741 13.7582 3.28815 13.3432 3.13672 12.906C3.12713 12.8703 3.12091 12.8338 3.11719 12.797C3.13043 12.7919 3.1437 12.7882 3.15771 12.786C3.18116 12.787 3.20485 12.7893 3.22803 12.793C3.56946 12.8482 3.91501 12.8712 4.26074 12.862C4.62643 12.8518 4.99051 12.8036 5.34619 12.718C5.36726 12.7108 5.38722 12.7017 5.40674 12.691C5.39574 12.68 5.39172 12.674 5.38672 12.672L5.28711 12.647C4.19837 12.3844 3.22146 11.782 2.49805 10.927C1.85154 10.1804 1.43234 9.26429 1.29004 8.28699C1.25304 8.04099 1.24507 7.78703 1.22607 7.54303C1.22792 7.5012 1.23402 7.45963 1.24414 7.41901C1.29214 7.44101 1.32496 7.45401 1.35596 7.47101C1.76671 7.68514 2.20358 7.8445 2.65576 7.94501C2.91513 8.00452 3.17914 8.04199 3.44482 8.05701C3.47814 8.05864 3.51161 8.05864 3.54492 8.05701L3.55273 8.03302C3.00953 7.65372 2.54118 7.17738 2.1709 6.62799C1.80238 6.08168 1.53961 5.47115 1.396 4.828C1.24945 4.1811 1.22713 3.51225 1.33008 2.85699C1.42792 2.20325 1.65531 1.57563 1.99902 1.01099C2.00799 1.01443 2.01631 1.01918 2.02393 1.02502C2.04293 1.04402 2.06015 1.06502 2.07715 1.08502C2.60954 1.72788 3.19424 2.32557 3.8252 2.87201C4.85885 3.76897 6.01003 4.52059 7.24707 5.10602C8.33861 5.62361 9.48838 6.0077 10.6719 6.25C11.2617 6.36973 11.8582 6.45488 12.458 6.505C12.586 6.51601 12.7172 6.52398 12.8462 6.52698C12.9112 6.52698 12.922 6.51097 12.915 6.44897C12.9133 6.4358 12.9103 6.42283 12.9067 6.41003C12.8205 5.97632 12.7874 5.53374 12.8071 5.09198C12.8262 4.62974 12.9064 4.17212 13.0459 3.73102C13.3502 2.75632 13.9326 1.89159 14.7212 1.24298C15.5215 0.570395 16.5043 0.152541 17.5439 0.0430298C17.6889 0.0230298 17.8201 0.012 17.9521 0Z" fill="white"/>
</svg>
</template>
44 changes: 44 additions & 0 deletions src/styles/_footer.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
footer {
color: $white_100;
margin: 20px;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 18px;
font-weight: bold;
}
.copy {
font-size: 12px;
color: #888888;
}

font-size: 14px;
.navigation {
display: flex;
gap: 20px;
a {
color: $white_100;
&:hover {
color: $white_400;
}
}
}
.social {
display: flex;
align-items: center;
gap: 20px;
svg {
height: 20px;
width: 25px;
}
}

@include tablet() {
display: block;
.navigation {
flex-wrap: wrap;
margin: 20px 0;
}
}
}
3 changes: 2 additions & 1 deletion src/styles/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,5 @@
@import 'controls';
@import 'home';
@import 'page';
@import 'datatable';
@import 'datatable';
@import 'footer';

0 comments on commit cc26adf

Please sign in to comment.