Przygotowanie karty z aktualizacjami (W.I.P.)

src/components/ui/Options.vue

@@ -141,10 +141,6 @@ export default class Options extends Vue {
 
   .action-btn {
     font-size: 1rem;
-
-    p {
-      // max-width: 100%;
-    }
   }
 }
 </style>

src/components/ui/UpdatesCard.vue

@@ -0,0 +1,36 @@
+<template>
+  <section class="updates card" v-if="cardOpen">
+    <h2>Ostatnie aktualizacje w Stacjowniku</h2>
+    <p>Tutaj będą pojawiać się informacje o kolejnych nowościach na stronie :)</p>
+
+    <ul>
+      <li v-for="(update, i) in updates" :key="i">
+        <div>{{update.date}}</div>
+
+        <div>
+          <span v-for="(line, l) in content" :key="l">{{line}}</span>
+        </div>
+      </li>
+    </ul>
+  </section>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      updates: {
+        date: "08/08/20",
+        content: [
+          "Lekko odświeżono wygląd strony, dodano nowy widok z pociągami online",
+          "Dodano animacje zmieniania widoków (zakładek)",
+          "Dodano przycisk zamykający kartę z filtrami",
+        ],
+      },
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/styles/global.scss

@@ -185,10 +185,6 @@ a {
     border: none;
     outline: none;
   }
-
-  &:focus {
-    // text-decoration: underline;
-  }
 }
 
 ul {