Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 22:53:24 +00:00
Code Issues Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
khatabwedaa
2020-06-12 11:08:17 +02:00
parent 8679676886
commit 3820f1fceb
3 changed files with 16 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@@ -2,22 +2,32 @@
<div class="bg-white font-roboto" id="app">
<Header></Header>
<div class="container mx-auto px-6" id="main">
<main class="container mx-auto px-6" id="main">
<div class="py-16 text-center">
<h1 class="text-xl md:text-3xl text-gray-800 font-medium">Discover new components. Build amazing things 🔥</h1>
</div>
<router-view></router-view>
</div>
</main>
<back-to-top visibleoffset="800">
<button class="bg-gray-800 text-white fixed bottom-0 right-0 my-10 mx-10 p-2 rounded-md focus:outline-none" aria-label="Back to top">
<svg class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"/>
</svg>
</button>
</back-to-top>
</div>
</template>
<script>
import Header from "./components/Header";
import BackToTop from 'vue-backtotop';
export default {
components: {
Header
Header,
BackToTop
},
mounted() {

121
src/components/Main.vue
View File

@@ -27,124 +27,5 @@
</view-component>
</div>
</div>
<back-to-top visibleoffset="800">
<button class="bg-gray-800 text-white fixed bottom-0 right-0 my-10 mx-10 p-2 rounded-md focus:outline-none" aria-label="Back to top">
<svg class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"/>
</svg>
</button>
</back-to-top>
</div>
</template>
<script>
// Alerts
import SuccessPop from "./UI/Alert/SuccessPop";
import InfoPop from "./UI/Alert/InfoPop";
import WarningPop from "./UI/Alert/WarningPop";
import ErrorPop from "./UI/Alert/ErrorPop";
import NotificationPop from "./UI/Alert/NotificationPop";
import SuccessFullWidth from "./UI/Alert/SuccessFullWidth";
import InfoFullWidth from "./UI/Alert/InfoFullWidth";
import WarningFullWidth from "./UI/Alert/WarningFullWidth";
import ErrorFullWidth from "./UI/Alert/ErrorFullWidth";
// Cards
import ArticleCard from "./UI/Cards/ArticleCard";
import ArticleCardWithImage from "./UI/Cards/ArticleCardWithImage";
import SimpleProductCard from "./UI/Cards/SimpleProductCard";
import ProductCard from "./UI/Cards/ProductCard";
import ProductCardWithEvaluation from "./UI/Cards/ProductCardWithEvaluation";
import TestimonialCard from "./UI/Cards/TestimonialCard";
import UserCard from "./UI/Cards/UserCard";
import UserCardWithDetails from "./UI/Cards/UserCardWithDetails";
// Forms
import InputsForm from "./UI/Forms/InputsForm";
import NewsletterForm from "./UI/Forms/NewsletterForm";
import SignInForm from "./UI/Forms/SignInForm";
import SignInFormWithImage from "./UI/Forms/SignInFormWithImage";
// Header
import HeaderWithImage from "./UI/Header/HeaderWithImage";
import HeaderWithPattern from "./UI/Header/HeaderWithPattern";
// Navbars
import Navbar from "./UI/Navbars/Navbar";
import NavbarWithSearch from "./UI/Navbars/NavbarWithSearch";
import NavbarWithAvatar from "./UI/Navbars/NavbarWithAvatar";
// Sections
import AboutMe from "./UI/Sections/AboutMe";
import CardsList from "./UI/Sections/CardsList";
import ParagraphWithImage from "./UI/Sections/ParagraphWithImage";
// Pagination
import Pagination from "./UI/Paginations/Pagination";
// Footers
import SimpleFooter from "./UI/Footers/SimpleFooter";
import FooterWithSubscribeForm from "./UI/Footers/FooterWithSubscribeForm";
import BackToTop from 'vue-backtotop';
import Filter from "../Models/Filter";
import ViewComponent from "./Utilities/ViewComponent";
export default {
components: {
SuccessPop,
InfoPop,
WarningPop,
ErrorPop,
NotificationPop,
SuccessFullWidth,
InfoFullWidth,
WarningFullWidth,
ErrorFullWidth,
ArticleCard,
ArticleCardWithImage,
SimpleProductCard,
ProductCard,
ProductCardWithEvaluation,
TestimonialCard,
UserCard,
UserCardWithDetails,
InputsForm,
NewsletterForm,
SignInForm,
SignInFormWithImage,
HeaderWithImage,
HeaderWithPattern,
Navbar,
NavbarWithSearch,
NavbarWithAvatar,
AboutMe,
CardsList,
ParagraphWithImage,
Pagination,
SimpleFooter,
FooterWithSubscribeForm,
BackToTop,
ViewComponent,
},
data() {
return {
category: 'Alert',
categories: [],
component: new Filter(),
}
},
created() {
this.categories = this.component.all();
},
computed: {
list() {
return this.component.whereCategory(this.category);
},
},
}
</script>
</template>

7
src/router.js
View File

@@ -6,10 +6,7 @@ const Alerts = () =>
export default new VueRouter({
routes: [
{
path: "/alerts",
component: Alerts,
name: "Alerts",
},
{ path: '/', redirect: '/alerts' },
{ path: "/alerts", component: Alerts, name: "Alerts" },
],
});