Switch to Nuxt

2020-07-14 16:42:46 +03:00
parent b11d5514b9
commit 25203934e6
26 changed files with 6393 additions and 5133 deletions
--- a/pages/modpacks.vue
+++ b/pages/modpacks.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="content">
+    <h2>Modpacks</h2>
+    <div class="columns">
+      <div class="column-grow-4">
+        <section id="search-pagination">
+          <div class="iconified-input column-grow-2">
+            <input
+              id="search"
+              type="search"
+              name="search"
+              placeholder="Search modpacks"
+            />
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <circle cx="11" cy="11" r="8" />
+              <line x1="21" y1="21" x2="16.65" y2="16.65" />
+            </svg>
+          </div>
+          <div class="pagination column-grow-1">
+            pagination
+          </div>
+        </section>
+      </div>
+      <section class="column-grow-1">
+        <h3>Filters</h3>
+      </section>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+#search-pagination {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+</style>