diff --git a/public/css/app.css b/public/css/app.css
index f6b7fe1..0f66ddf 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -382,39 +382,10 @@ Ensure the default browser behavior of the `hidden` attribute.
*, ::before, ::after {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
-}
-.container {
- width: 100%;
-}
-@media (min-width: 640px) {
-
- .container {
- max-width: 640px;
- }
-}
-@media (min-width: 768px) {
-
- .container {
- max-width: 768px;
- }
-}
-@media (min-width: 1024px) {
-
- .container {
- max-width: 1024px;
- }
-}
-@media (min-width: 1280px) {
-
- .container {
- max-width: 1280px;
- }
-}
-@media (min-width: 1536px) {
-
- .container {
- max-width: 1536px;
- }
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
}
.absolute {
position: absolute;
@@ -422,27 +393,18 @@ Ensure the default browser behavior of the `hidden` attribute.
.relative {
position: relative;
}
-.m-0 {
- margin: 0px;
-}
.ml-2 {
margin-left: 0.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
-.mb-0 {
- margin-bottom: 0px;
-}
.block {
display: block;
}
.flex {
display: flex;
}
-.hidden {
- display: none;
-}
.h-screen {
height: 100vh;
}
@@ -458,6 +420,9 @@ Ensure the default browser behavior of the `hidden` attribute.
.h-full {
height: 100%;
}
+.w-2\/3 {
+ width: 66.666667%;
+}
.w-1\/3 {
width: 33.333333%;
}
@@ -485,15 +450,28 @@ Ensure the default browser behavior of the `hidden` attribute.
.justify-center {
justify-content: center;
}
+.overflow-x-hidden {
+ overflow-x: hidden;
+}
.overflow-y-hidden {
overflow-y: hidden;
}
.rounded-full {
border-radius: 9999px;
}
+.border-b {
+ border-bottom-width: 1px;
+}
.border-b-2 {
border-bottom-width: 2px;
}
+.border-r {
+ border-right-width: 1px;
+}
+.border-gray-400 {
+ --tw-border-opacity: 1;
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -517,8 +495,8 @@ Ensure the default browser behavior of the `hidden` attribute.
-o-object-fit: cover;
object-fit: cover;
}
-.p-0 {
- padding: 0px;
+.p-4 {
+ padding: 1rem;
}
.px-4 {
padding-left: 1rem;
@@ -531,27 +509,28 @@ Ensure the default browser behavior of the `hidden` attribute.
.pl-8 {
padding-left: 2rem;
}
-.align-baseline {
- vertical-align: baseline;
-}
-.font-sans {
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+.font-bold {
+ font-weight: 700;
+}
+.tracking-tight {
+ letter-spacing: -0.025em;
+}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
-.text-gray-800 {
- --tw-text-opacity: 1;
- color: rgb(31 41 55 / var(--tw-text-opacity));
-}
-.antialiased {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+.shadow {
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
diff --git a/public/js/app.js b/public/js/app.js
index 90b9f3e..0da7b9d 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1909,6 +1909,7 @@ module.exports = {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Nav__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Nav */ "./resources/js/components/Nav.vue");
+/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Sidebar */ "./resources/js/components/Sidebar.vue");
//
//
//
@@ -1916,11 +1917,21 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
+//
+//
+//
+//
+//
+//
+//
+//
+
/* harmony default export */ __webpack_exports__["default"] = ({
name: 'App',
components: {
- Nav: _Nav__WEBPACK_IMPORTED_MODULE_0__["default"]
+ Nav: _Nav__WEBPACK_IMPORTED_MODULE_0__["default"],
+ Sidebar: _Sidebar__WEBPACK_IMPORTED_MODULE_1__["default"]
},
mounted: function mounted() {
console.log('App mounted.');
@@ -1998,6 +2009,27 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Sidebar.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************!*\
+ !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Sidebar.vue?vue&type=script&lang=js& ***!
+ \******************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+ name: "Sidebar"
+});
+
+/***/ }),
+
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Start.vue?vue&type=script&lang=js&":
/*!***********************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/views/Start.vue?vue&type=script&lang=js& ***!
@@ -19716,7 +19748,31 @@ var render = function () {
return _c(
"div",
{ staticClass: "flex flex-col flex-1 h-screen overflow-y-hidden" },
- [_c("Nav"), _vm._v(" "), _c("router-view")],
+ [
+ _c("Nav"),
+ _vm._v(" "),
+ _c(
+ "div",
+ { staticClass: "flex overflow-y-hidden flex-1" },
+ [
+ _c("Sidebar"),
+ _vm._v(" "),
+ _c(
+ "div",
+ { staticClass: "overflow-x-hidden w-2/3" },
+ [
+ _c("router-view"),
+ _vm._v(" "),
+ _vm._l(100, function (i) {
+ return _c("p", [_vm._v("gfsjdgfkahgf")])
+ }),
+ ],
+ 2
+ ),
+ ],
+ 1
+ ),
+ ],
1
)
}
@@ -19742,170 +19798,219 @@ var render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
- return _c("div", { staticClass: "bg-white h-12 flex px-4 items-center" }, [
- _c("div", { staticClass: "w-1/3" }, [
+ return _c(
+ "div",
+ {
+ staticClass:
+ "bg-white h-12 flex px-4 items-center border-b border-gray-400 shadow-sm",
+ },
+ [
+ _c("div", { staticClass: "w-1/3" }, [
+ _c(
+ "div",
+ { staticClass: "flex" },
+ [
+ _c("router-link", { attrs: { to: "/" } }, [
+ _c(
+ "svg",
+ {
+ staticClass: "fill-current w-8 h-8",
+ attrs: {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ },
+ },
+ [
+ _c("path", {
+ attrs: {
+ d: "M23 12.1c0-6.1-4.9-11-11-11S1 6 1 12.1c0 5.5 4 10.1 9.3 10.9v-7.7H7.5v-3.2h2.8V9.7c0-2.8 1.6-4.3 4.2-4.3 1.2 0 2.5.2 2.5.2v2.7h-1.4c-1.4 0-1.8.8-1.8 1.7v2.1h3.1l-.5 3.2h-2.6V23c5.2-.9 9.2-5.4 9.2-10.9z",
+ fill: "#1877f2",
+ },
+ }),
+ ]
+ ),
+ ]),
+ _vm._v(" "),
+ _c("div", { staticClass: "ml-2 relative" }, [
+ _c("div", { staticClass: "absolute text-gray-700" }, [
+ _c(
+ "svg",
+ {
+ staticClass: "fill-current w-5 h-5 mt-2 ml-2",
+ attrs: { viewBox: "0 0 24 24" },
+ },
+ [
+ _c("path", {
+ attrs: {
+ "fill-rule": "evenodd",
+ d: "M20.2 18.1l-1.4 1.3-5.5-5.2 1.4-1.3 5.5 5.2zM7.5 12c-2.7 0-4.9-2.1-4.9-4.6s2.2-4.6 4.9-4.6 4.9 2.1 4.9 4.6S10.2 12 7.5 12zM7.5.8C3.7.8.7 3.7.7 7.3s3.1 6.5 6.8 6.5c3.8 0 6.8-2.9 6.8-6.5S11.3.8 7.5.8z",
+ "clip-rule": "evenodd",
+ },
+ }),
+ ]
+ ),
+ ]),
+ _vm._v(" "),
+ _c("input", {
+ staticClass:
+ "rounded-full w-56 bg-gray-200 h-8 focus:outline-none focus:shadow-outline text-sm pl-8",
+ attrs: {
+ type: "text",
+ name: "search",
+ placeholder: "Search Facebook",
+ },
+ }),
+ ]),
+ ],
+ 1
+ ),
+ ]),
+ _vm._v(" "),
_c(
"div",
- { staticClass: "flex" },
+ { staticClass: "w-1/3 flex justify-center items-center h-full" },
[
- _c("router-link", { attrs: { to: "/" } }, [
- _c(
- "svg",
- {
- staticClass: "fill-current w-8 h-8",
- attrs: {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24",
- },
- },
- [
- _c("path", {
+ _c(
+ "router-link",
+ {
+ staticClass:
+ "px-6 border-b-2 border-blue-500 h-full flex items-center",
+ attrs: { to: "/" },
+ },
+ [
+ _c(
+ "svg",
+ {
+ staticClass: "fill-current w-5 h-5",
attrs: {
- d: "M23 12.1c0-6.1-4.9-11-11-11S1 6 1 12.1c0 5.5 4 10.1 9.3 10.9v-7.7H7.5v-3.2h2.8V9.7c0-2.8 1.6-4.3 4.2-4.3 1.2 0 2.5.2 2.5.2v2.7h-1.4c-1.4 0-1.8.8-1.8 1.7v2.1h3.1l-.5 3.2h-2.6V23c5.2-.9 9.2-5.4 9.2-10.9z",
- fill: "#1877f2",
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
},
- }),
- ]
- ),
- ]),
+ },
+ [
+ _c("path", {
+ attrs: {
+ d: "M22.6 11l-9.9-9c-.4-.4-1.1-.4-1.5 0l-9.9 9c-.3.3-.5.8-.3 1.2.2.5.6.8 1.1.8h1.6v9c0 .4.3.6.6.6h5.4c.4 0 .6-.3.6-.6v-5.5h3.2V22c0 .4.3.6.6.6h5.4c.4 0 .6-.3.6-.6v-9h1.6c.5 0 .9-.3 1.1-.7.3-.5.2-1-.2-1.3zm-2.5-8h-4.3l5 4.5V3.6c0-.3-.3-.6-.7-.6z",
+ },
+ }),
+ ]
+ ),
+ ]
+ ),
+ _vm._v(" "),
+ _c(
+ "router-link",
+ {
+ staticClass: "px-6 border-white h-full flex items-center",
+ attrs: { to: "/" },
+ },
+ [
+ _c("img", {
+ staticClass: "w-8 h-8 object-cover rounded-full",
+ attrs: {
+ src: "https://cdn.pixabay.com/photo/2014/07/09/10/04/man-388104_960_720.jpg",
+ alt: "profile image for user",
+ },
+ }),
+ ]
+ ),
_vm._v(" "),
- _c("div", { staticClass: "ml-2 relative" }, [
- _c("div", { staticClass: "absolute text-gray-700" }, [
+ _c(
+ "router-link",
+ {
+ staticClass: "px-6 border-white h-full flex items-center",
+ attrs: { to: "/" },
+ },
+ [
_c(
"svg",
{
- staticClass: "fill-current w-5 h-5 mt-2 ml-2",
- attrs: { viewBox: "0 0 24 24" },
+ staticClass: "fill-current w-5 h-5",
+ attrs: {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ },
},
[
_c("path", {
attrs: {
- "fill-rule": "evenodd",
- d: "M20.2 18.1l-1.4 1.3-5.5-5.2 1.4-1.3 5.5 5.2zM7.5 12c-2.7 0-4.9-2.1-4.9-4.6s2.2-4.6 4.9-4.6 4.9 2.1 4.9 4.6S10.2 12 7.5 12zM7.5.8C3.7.8.7 3.7.7 7.3s3.1 6.5 6.8 6.5c3.8 0 6.8-2.9 6.8-6.5S11.3.8 7.5.8z",
- "clip-rule": "evenodd",
+ d: "M.5 11.6c0 3.4 1.7 6.3 4.3 8.3V24l3.9-2.1c1 .3 2.2.4 3.3.4 6.4 0 11.5-4.8 11.5-10.7C23.5 5.8 18.3 1 12 1S.5 5.8.5 11.6zm10.3-2.9l3 3.1 5.6-3.1-6.3 6.7-2.9-3.1-5.7 3.1 6.3-6.7z",
},
}),
]
),
- ]),
- _vm._v(" "),
- _c("input", {
- staticClass:
- "rounded-full w-56 bg-gray-200 h-8 focus:outline-none focus:shadow-outline text-sm pl-8",
- attrs: {
- type: "text",
- name: "search",
- placeholder: "Search Facebook",
- },
- }),
- ]),
+ ]
+ ),
],
1
),
- ]),
- _vm._v(" "),
- _c(
- "div",
- { staticClass: "w-1/3 flex justify-center items-center h-full" },
- [
- _c(
- "router-link",
- {
- staticClass:
- "px-6 border-b-2 border-blue-500 h-full flex items-center",
- attrs: { to: "/" },
- },
- [
- _c(
- "svg",
- {
- staticClass: "fill-current w-5 h-5",
- attrs: {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24",
- },
- },
- [
- _c("path", {
- attrs: {
- d: "M22.6 11l-9.9-9c-.4-.4-1.1-.4-1.5 0l-9.9 9c-.3.3-.5.8-.3 1.2.2.5.6.8 1.1.8h1.6v9c0 .4.3.6.6.6h5.4c.4 0 .6-.3.6-.6v-5.5h3.2V22c0 .4.3.6.6.6h5.4c.4 0 .6-.3.6-.6v-9h1.6c.5 0 .9-.3 1.1-.7.3-.5.2-1-.2-1.3zm-2.5-8h-4.3l5 4.5V3.6c0-.3-.3-.6-.7-.6z",
- },
- }),
- ]
- ),
- ]
- ),
- _vm._v(" "),
+ _vm._v(" "),
+ _c("div", { staticClass: "w-1/3 flex justify-end" }, [
_c(
- "router-link",
+ "svg",
{
- staticClass: "px-6 border-white h-full flex items-center",
- attrs: { to: "/" },
+ staticClass: "fill-current w-5 h-5",
+ attrs: {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ },
},
[
- _c("img", {
- staticClass: "w-8 h-8 object-cover rounded-full",
+ _c("path", {
attrs: {
- src: "https://cdn.pixabay.com/photo/2014/07/09/10/04/man-388104_960_720.jpg",
- alt: "profile image for user",
+ d: "M22.9 10.1c-.1-.1-.2-.2-.3-.2L20 9.5c-.1-.5-.3-.9-.6-1.4.2-.2.4-.6.8-1 .3-.4.6-.8.7-1 .1 0 .1-.2.1-.3 0-.1 0-.2-.1-.3-.3-.5-1.1-1.3-2.4-2.4-.1-.1-.2-.1-.4-.1-.1 0-.3 0-.3.1l-2 1.5c-.4-.2-.8-.4-1.3-.5l-.4-2.6c0-.1-.1-.2-.2-.3-.1-.2-.2-.2-.3-.2h-3.2c-.3 0-.4.1-.5.4-.1.5-.3 1.4-.4 2.7-.5.1-.9.3-1.3.5l-2-1.5c-.1-.1-.3-.2-.4-.2-.2 0-.7.3-1.4 1-.6.7-1.1 1.3-1.4 1.6-.1.1-.1.2-.1.3 0 .1 0 .2.1.3.6.8 1.2 1.4 1.5 2-.2.5-.3.9-.5 1.4l-2.6.4c-.1 0-.2.1-.3.2-.1.1-.1.2-.1.3v3.2c0 .1 0 .2.1.3.1.1.2.2.3.2l2.6.4c.1.5.3.9.6 1.4-.2.2-.4.6-.8 1-.3.4-.6.8-.7 1-.1.1-.1.2-.1.3 0 .1 0 .2.1.3.4.5 1.2 1.3 2.4 2.4.1.1.2.2.4.2.1 0 .3 0 .4-.1l2-1.5c.3.1.7.3 1.2.5l.4 2.6c0 .1.1.2.2.3.1.1.2.1.4.1h3.2c.3 0 .4-.1.5-.4.1-.5.3-1.4.4-2.7.4-.1.9-.3 1.3-.5l2 1.5c.1.1.3.1.4.1.2 0 .7-.3 1.3-1 .7-.7 1.2-1.2 1.4-1.5.1-.1.1-.2.1-.3 0-.1 0-.2-.1-.4-.7-.8-1.2-1.5-1.5-2 .2-.4.4-.8.6-1.3l2.7-.4c.1 0 .2-.1.3-.2.1-.1.1-.2.1-.3v-3.2c-.2-.1-.2-.2-.3-.3zm-8.3 4.5c-.7.7-1.6 1.1-2.6 1.1s-1.9-.4-2.6-1.1c-.7-.7-1.1-1.6-1.1-2.6s.4-1.9 1.1-2.6c.7-.7 1.6-1.1 2.6-1.1s1.9.4 2.6 1.1c.7.7 1.1 1.6 1.1 2.6s-.4 1.9-1.1 2.6z",
},
}),
]
),
- _vm._v(" "),
- _c(
- "router-link",
- {
- staticClass: "px-6 border-white h-full flex items-center",
- attrs: { to: "/" },
- },
- [
- _c(
- "svg",
- {
- staticClass: "fill-current w-5 h-5",
- attrs: {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24",
- },
- },
- [
- _c("path", {
- attrs: {
- d: "M.5 11.6c0 3.4 1.7 6.3 4.3 8.3V24l3.9-2.1c1 .3 2.2.4 3.3.4 6.4 0 11.5-4.8 11.5-10.7C23.5 5.8 18.3 1 12 1S.5 5.8.5 11.6zm10.3-2.9l3 3.1 5.6-3.1-6.3 6.7-2.9-3.1-5.7 3.1 6.3-6.7z",
- },
- }),
- ]
- ),
- ]
- ),
- ],
- 1
- ),
- _vm._v(" "),
- _c("div", { staticClass: "w-1/3 flex justify-end" }, [
- _c(
- "svg",
- {
- staticClass: "fill-current w-5 h-5",
- attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
- },
- [
- _c("path", {
- attrs: {
- d: "M22.9 10.1c-.1-.1-.2-.2-.3-.2L20 9.5c-.1-.5-.3-.9-.6-1.4.2-.2.4-.6.8-1 .3-.4.6-.8.7-1 .1 0 .1-.2.1-.3 0-.1 0-.2-.1-.3-.3-.5-1.1-1.3-2.4-2.4-.1-.1-.2-.1-.4-.1-.1 0-.3 0-.3.1l-2 1.5c-.4-.2-.8-.4-1.3-.5l-.4-2.6c0-.1-.1-.2-.2-.3-.1-.2-.2-.2-.3-.2h-3.2c-.3 0-.4.1-.5.4-.1.5-.3 1.4-.4 2.7-.5.1-.9.3-1.3.5l-2-1.5c-.1-.1-.3-.2-.4-.2-.2 0-.7.3-1.4 1-.6.7-1.1 1.3-1.4 1.6-.1.1-.1.2-.1.3 0 .1 0 .2.1.3.6.8 1.2 1.4 1.5 2-.2.5-.3.9-.5 1.4l-2.6.4c-.1 0-.2.1-.3.2-.1.1-.1.2-.1.3v3.2c0 .1 0 .2.1.3.1.1.2.2.3.2l2.6.4c.1.5.3.9.6 1.4-.2.2-.4.6-.8 1-.3.4-.6.8-.7 1-.1.1-.1.2-.1.3 0 .1 0 .2.1.3.4.5 1.2 1.3 2.4 2.4.1.1.2.2.4.2.1 0 .3 0 .4-.1l2-1.5c.3.1.7.3 1.2.5l.4 2.6c0 .1.1.2.2.3.1.1.2.1.4.1h3.2c.3 0 .4-.1.5-.4.1-.5.3-1.4.4-2.7.4-.1.9-.3 1.3-.5l2 1.5c.1.1.3.1.4.1.2 0 .7-.3 1.3-1 .7-.7 1.2-1.2 1.4-1.5.1-.1.1-.2.1-.3 0-.1 0-.2-.1-.4-.7-.8-1.2-1.5-1.5-2 .2-.4.4-.8.6-1.3l2.7-.4c.1 0 .2-.1.3-.2.1-.1.1-.2.1-.3v-3.2c-.2-.1-.2-.2-.3-.3zm-8.3 4.5c-.7.7-1.6 1.1-2.6 1.1s-1.9-.4-2.6-1.1c-.7-.7-1.1-1.6-1.1-2.6s.4-1.9 1.1-2.6c.7-.7 1.6-1.1 2.6-1.1s1.9.4 2.6 1.1c.7.7 1.1 1.6 1.1 2.6s-.4 1.9-1.1 2.6z",
- },
- }),
- ]
- ),
- ]),
- ])
+ ]),
+ ]
+ )
}
var staticRenderFns = []
render._withStripped = true
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true& ***!
+ \**********************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function () {
+ var _vm = this
+ var _h = _vm.$createElement
+ var _c = _vm._self._c || _h
+ return _vm._m(0)
+}
+var staticRenderFns = [
+ function () {
+ var _vm = this
+ var _h = _vm.$createElement
+ var _c = _vm._self._c || _h
+ return _c(
+ "div",
+ { staticClass: "w-1/3 bg-white p-4 border-r border-gray-400" },
+ [
+ _c("h2", { staticClass: "font-bold text-2xl tracking-tight" }, [
+ _vm._v("Home"),
+ ]),
+ ]
+ )
+ },
+]
+render._withStripped = true
+
+
+
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Start.vue?vue&type=template&id=0af62c5a&scoped=true&":
@@ -35528,6 +35633,75 @@ __webpack_require__.r(__webpack_exports__);
+/***/ }),
+
+/***/ "./resources/js/components/Sidebar.vue":
+/*!*********************************************!*\
+ !*** ./resources/js/components/Sidebar.vue ***!
+ \*********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _Sidebar_vue_vue_type_template_id_81fbb27e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true& */ "./resources/js/components/Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true&");
+/* harmony import */ var _Sidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Sidebar.vue?vue&type=script&lang=js& */ "./resources/js/components/Sidebar.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+ _Sidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+ _Sidebar_vue_vue_type_template_id_81fbb27e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+ _Sidebar_vue_vue_type_template_id_81fbb27e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+ false,
+ null,
+ "81fbb27e",
+ null
+
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/components/Sidebar.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/components/Sidebar.vue?vue&type=script&lang=js&":
+/*!**********************************************************************!*\
+ !*** ./resources/js/components/Sidebar.vue?vue&type=script&lang=js& ***!
+ \**********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Sidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./Sidebar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Sidebar.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Sidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./resources/js/components/Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true&":
+/*!****************************************************************************************!*\
+ !*** ./resources/js/components/Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true& ***!
+ \****************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Sidebar_vue_vue_type_template_id_81fbb27e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Sidebar.vue?vue&type=template&id=81fbb27e&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Sidebar_vue_vue_type_template_id_81fbb27e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Sidebar_vue_vue_type_template_id_81fbb27e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
/***/ }),
/***/ "./resources/js/router.js":
diff --git a/resources/js/components/App.vue b/resources/js/components/App.vue
index 75e1880..f4df96f 100644
--- a/resources/js/components/App.vue
+++ b/resources/js/components/App.vue
@@ -1,17 +1,27 @@
+
+