diff options
| -rw-r--r-- | src/assets/screenshot-thumb.png | bin | 0 -> 27599 bytes | |||
| -rw-r--r-- | src/components/Navigation.vue | 14 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/assets/screenshot-thumb.png b/src/assets/screenshot-thumb.png Binary files differnew file mode 100644 index 0000000..7963177 --- /dev/null +++ b/src/assets/screenshot-thumb.png diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue index 199290b..0274f02 100644 --- a/src/components/Navigation.vue +++ b/src/components/Navigation.vue @@ -15,6 +15,9 @@ <span>Server Status</span> <ServerStatus class="status"/> </div> + <div class="screenshots"> + <a href="https://wiki.themanaworld.org/index.php/Screenshots"></a> + </div> <ul> <span>Source Code</span> <li><a href="https://github.com/themanaworld">The Mana World</a></li> @@ -88,6 +91,17 @@ background: rgba(255,255,255,0.4); } } + + & .screenshots { + & a, & a:visited { + background: url(../assets/screenshot-thumb.png) no-repeat center center #CBA083; + border: 1px solid #784f3f; + margin: 5px auto; + padding: 0; + width: 133px; + height: 100px; + } + } } @media (min-width: 1100px) { |
