fix some css

This commit is contained in:
2020-03-28 12:04:27 +01:00
parent 80c5eb53b6
commit 53ad9586a2
12 changed files with 114 additions and 97 deletions

1
.gitignore vendored
View File

@@ -4,6 +4,7 @@
/storage/*.key /storage/*.key
/vendor /vendor
.env .env
.env.prod
.env.backup .env.backup
.phpunit.result.cache .phpunit.result.cache
Homestead.json Homestead.json

10
public/css/app.css vendored
View File

@@ -68,6 +68,10 @@ body {
.flex-center { .flex-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
}
.flex-middle {
display: flex;
align-items: center; align-items: center;
} }
@@ -496,7 +500,7 @@ input {
background-color: #eeeeee; background-color: #eeeeee;
font-size: 1.6rem; font-size: 1.6rem;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
padding: 0.5rem; padding: 0.5rem 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
@@ -714,3 +718,7 @@ nav .nav-item:hover svg {
opacity: 0.6; opacity: 0.6;
} }
.memo-edit .memo-text-area textarea {
height: 50vh;
}

111
public/js/app.js vendored
View File

@@ -2368,6 +2368,11 @@ __webpack_require__.r(__webpack_exports__);
// //
// //
// //
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({ /* harmony default export */ __webpack_exports__["default"] = ({
@@ -2765,32 +2770,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
mounted: function mounted() { mounted: function mounted() {
var _this = this; var _this = this;
if (authUser.data.attributes.is_admin) { axios.get('/api/users').then(function (response) {
axios.get('/api/users').then(function (response) { _this.users = response.data.data;
_this.users = response.data.data; _this.loading = false;
_this.loading = false; })["catch"](function (error) {
})["catch"](function (error) { _this.loading = false;
_this.loading = false; alert('Unable to fetch users.');
alert('Unable to fetch users.'); });
});
}
}, },
methods: { methods: {
addMember: function addMember() { addMember: function addMember() {
var _this2 = this; var _this2 = this;
if (authUser.data.attributes.is_admin && this.form.name.length >= 4 && this.form.email.length >= 12) { if (this.form.name.length >= 4 && this.form.email.length >= 12) {
axios.post('/api/users', { axios.post('/api/users', {
name: this.form.name, name: this.form.name,
email: this.form.email email: this.form.email
}).then(function (res) { }).then(function (res) {
console.log(res);
_this2.form.name = ''; _this2.form.name = '';
_this2.form.email = ''; _this2.form.email = '';
_this2.alertType = 'success'; _this2.alertType = 'success';
_this2.alertMessage = "".concat(res.data.data.attributes.name, " a bien \xE9t\xE9 cr\xE9\xE9"); _this2.alertMessage = "".concat(res.data.data.attributes.name, " a bien \xE9t\xE9 cr\xE9\xE9");
})["catch"](function (errors) { })["catch"](function (errors) {
console.log(errors);
_this2.alertType = 'error'; _this2.alertType = 'error';
_this2.alertMessage = 'L\'utilisateur n\'a pas été créé'; _this2.alertMessage = 'L\'utilisateur n\'a pas été créé';
}); });
@@ -29508,28 +29509,7 @@ var render = function() {
}) })
] ]
), ),
_vm._v("\n Activitées\n ") _vm._v("\n Memos\n ")
]),
_vm._v(" "),
_c("router-link", { staticClass: "nav-item", attrs: { to: "/memos" } }, [
_c(
"svg",
{
staticClass: "fill-current site-logo",
attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }
},
[
_c("title", [_vm._v("Paramètres")]),
_vm._v(" "),
_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"
}
})
]
),
_vm._v("\n Memos\n ")
]) ])
], ],
1 1
@@ -29557,12 +29537,12 @@ var render = function() {
var _vm = this var _vm = this
var _h = _vm.$createElement var _h = _vm.$createElement
var _c = _vm._self._c || _h var _c = _vm._self._c || _h
return _c("div", { staticClass: "relative pb-2" }, [ return _c("div", { staticClass: "relative" }, [
_c( _vm.label
"label", ? _c("label", { staticClass: "pb-1", attrs: { for: _vm.name } }, [
{ staticClass: "form-label absolute pt-1", attrs: { for: _vm.name } }, _vm._v(_vm._s(_vm.label))
[_vm._v(_vm._s(_vm.label))] ])
), : _vm._e(),
_vm._v(" "), _vm._v(" "),
_c( _c(
"textarea", "textarea",
@@ -29575,7 +29555,7 @@ var render = function() {
expression: "value" expression: "value"
} }
], ],
staticClass: "form-textarea pt-4 pb-1", staticClass: "p-1",
class: _vm.errorClassObject(), class: _vm.errorClassObject(),
attrs: { id: _vm.name, type: "text" }, attrs: { id: _vm.name, type: "text" },
domProps: { value: _vm.value }, domProps: { value: _vm.value },
@@ -29978,7 +29958,23 @@ var render = function() {
var _vm = this var _vm = this
var _h = _vm.$createElement var _h = _vm.$createElement
var _c = _vm._self._c || _h var _c = _vm._self._c || _h
return _c("div", { staticClass: "p-2" }, [ return _c("div", { staticClass: "memo-edit p-2" }, [
_c("div", { staticClass: "flex-between mb-1" }, [
_c(
"a",
{
staticClass: "link",
attrs: { href: "#" },
on: {
click: function($event) {
return _vm.$router.back()
}
}
},
[_vm._v("\n < Back\n ")]
)
]),
_vm._v(" "),
_c( _c(
"form", "form",
{ {
@@ -29993,7 +29989,7 @@ var render = function() {
_c("InputField", { _c("InputField", {
attrs: { attrs: {
name: "name", name: "name",
label: "Memo Title", label: "Title",
placeholder: "Your Title", placeholder: "Your Title",
errors: _vm.errors errors: _vm.errors
}, },
@@ -30005,12 +30001,8 @@ var render = function() {
}), }),
_vm._v(" "), _vm._v(" "),
_c("TextAreaField", { _c("TextAreaField", {
attrs: { staticClass: "memo-text-area",
name: "memo", attrs: { name: "memo", placeholder: "Your Memo", errors: _vm.errors },
label: "Memo",
placeholder: "Your Memo",
errors: _vm.errors
},
on: { on: {
"update:field": function($event) { "update:field": function($event) {
_vm.form.memo = $event _vm.form.memo = $event
@@ -30022,7 +30014,7 @@ var render = function() {
_c( _c(
"button", "button",
{ {
staticClass: "btn-alert mr-3", staticClass: "btn-alert mr-1",
on: { on: {
click: function($event) { click: function($event) {
return _vm.$router.back() return _vm.$router.back()
@@ -30061,8 +30053,8 @@ var render = function() {
var _vm = this var _vm = this
var _h = _vm.$createElement var _h = _vm.$createElement
var _c = _vm._self._c || _h var _c = _vm._self._c || _h
return _c("div", { staticClass: "p-2" }, [ return _c("div", { staticClass: "memo-edit p-2" }, [
_c("div", { staticClass: "flex-between" }, [ _c("div", { staticClass: "flex-between mb-1" }, [
_c( _c(
"a", "a",
{ {
@@ -30093,7 +30085,7 @@ var render = function() {
attrs: { attrs: {
name: "name", name: "name",
data: _vm.form.name, data: _vm.form.name,
label: "Memo Title", label: "Title",
placeholder: "Your Title", placeholder: "Your Title",
errors: _vm.errors errors: _vm.errors
}, },
@@ -30105,10 +30097,10 @@ var render = function() {
}), }),
_vm._v(" "), _vm._v(" "),
_c("TextAreaField", { _c("TextAreaField", {
staticClass: "memo-text-area",
attrs: { attrs: {
name: "memo", name: "memo",
data: _vm.form.memo, data: _vm.form.memo,
label: "Memo",
placeholder: "Your Memo", placeholder: "Your Memo",
errors: _vm.errors errors: _vm.errors
}, },
@@ -30131,7 +30123,7 @@ var staticRenderFns = [
var _h = _vm.$createElement var _h = _vm.$createElement
var _c = _vm._self._c || _h var _c = _vm._self._c || _h
return _c("div", { staticClass: "flex-end" }, [ return _c("div", { staticClass: "flex-end" }, [
_c("button", { staticClass: "btn-alert mr-3" }, [_vm._v("Cancel")]), _c("button", { staticClass: "btn-alert mr-1" }, [_vm._v("Cancel")]),
_vm._v(" "), _vm._v(" "),
_c("button", { staticClass: "btn-primary" }, [_vm._v("Save")]) _c("button", { staticClass: "btn-primary" }, [_vm._v("Save")])
]) ])
@@ -30439,6 +30431,7 @@ var render = function() {
_c( _c(
"form", "form",
{ {
staticClass: "mb-2",
on: { on: {
submit: function($event) { submit: function($event) {
$event.preventDefault() $event.preventDefault()
@@ -30477,12 +30470,14 @@ var render = function() {
} }
}), }),
_vm._v(" "), _vm._v(" "),
_c("button", [_vm._v("Ajouter")]) _c("button", { staticClass: "btn-primary" }, [
_vm._v("Ajouter")
])
], ],
1 1
), ),
_vm._v(" "), _vm._v(" "),
_c("div", [ _c("div", { staticClass: "mb-2" }, [
_c("h2", [_vm._v("Liste des utilisateurs")]), _c("h2", [_vm._v("Liste des utilisateurs")]),
_vm._v(" "), _vm._v(" "),
_c( _c(
@@ -47390,7 +47385,7 @@ var actions = {
}; };
var mutations = { var mutations = {
setTitle: function setTitle(state, title) { setTitle: function setTitle(state, title) {
state.title = title + ' | Facebook'; state.title = title + ' | Portal';
} }
}; };
/* harmony default export */ __webpack_exports__["default"] = ({ /* harmony default export */ __webpack_exports__["default"] = ({

View File

@@ -7,13 +7,13 @@
</svg> </svg>
</router-link> </router-link>
<hr> <hr>
<router-link to="/memos" class="nav-item"> <!-- <router-link to="/memos" class="nav-item">-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="fill-current site-logo"> <!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="fill-current site-logo">-->
<title>Paramètres</title> <!-- <title>Paramètres</title>-->
<path 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"/> <!-- <path 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"/>-->
</svg> <!-- </svg>-->
Activitées <!-- Activitées-->
</router-link> <!-- </router-link>-->
<router-link to="/memos" class="nav-item"> <router-link to="/memos" class="nav-item">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="fill-current site-logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="fill-current site-logo">
<title>Paramètres</title> <title>Paramètres</title>

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="relative pb-2"> <div class="relative">
<label :for="name" class="form-label absolute pt-1">{{ label }}</label> <label v-if="label" :for="name" class="pb-1">{{ label }}</label>
<textarea :id="name" type="text" v-model="value" @input="updateField()" :class="errorClassObject()" class="form-textarea pt-4 pb-1"> <textarea :id="name" type="text" v-model="value" @input="updateField()" :class="errorClassObject()" class="p-1">
{{ placeholder }} {{ placeholder }}
</textarea> </textarea>
<p class="text-alert" v-text="errorMessage()">Error Here</p> <p class="text-alert" v-text="errorMessage()">Error Here</p>

View File

@@ -18,7 +18,7 @@ const actions = {
const mutations = { const mutations = {
setTitle(state, title) { setTitle(state, title) {
state.title = title + ' | Facebook' state.title = title + ' | Portal'
} }
} }

View File

@@ -1,11 +1,16 @@
<template> <template>
<div class="p-2"> <div class="memo-edit p-2">
<div class="flex-between mb-1">
<a href="#" @click="$router.back()" class="link">
< Back
</a>
</div>
<form @submit.prevent="submitForm"> <form @submit.prevent="submitForm">
<InputField name="name" label="Memo Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" /> <InputField name="name" label="Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
<TextAreaField name="memo" label="Memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" /> <TextAreaField class="memo-text-area" name="memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
<div class="flex-end"> <div class="flex-end">
<button @click="$router.back()" class="btn-alert mr-3">Cancel</button> <button @click="$router.back()" class="btn-alert mr-1">Cancel</button>
<button class="btn-primary">Add New Memo</button> <button class="btn-primary">Add New Memo</button>
</div> </div>
</form> </form>

View File

@@ -1,16 +1,16 @@
<template> <template>
<div class="p-2"> <div class="memo-edit p-2">
<div class="flex-between"> <div class="flex-between mb-1">
<a href="#" @click="$router.back()" class="link"> <a href="#" @click="$router.back()" class="link">
< Back < Back
</a> </a>
</div> </div>
<form @submit.prevent="submitForm"> <form @submit.prevent="submitForm">
<InputField name="name" :data="form.name" label="Memo Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" /> <InputField name="name" :data="form.name" label="Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
<TextAreaField name="memo" :data="form.memo" label="Memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" /> <TextAreaField class="memo-text-area" name="memo" :data="form.memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
<div class="flex-end"> <div class="flex-end">
<button class="btn-alert mr-3">Cancel</button> <button class="btn-alert mr-1">Cancel</button>
<button class="btn-primary">Save</button> <button class="btn-primary">Save</button>
</div> </div>

View File

@@ -23,7 +23,7 @@
:message="alertMessage" :message="alertMessage"
class="mb-1" class="mb-1"
/> />
<form @submit.prevent="addMember"> <form @submit.prevent="addMember" class="mb-2">
<InputField <InputField
name="name" name="name"
type="text" type="text"
@@ -33,9 +33,9 @@
@update:field="form.name = $event" @update:field="form.name = $event"
/> />
<InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" :errors="errors" @update:field="form.email = $event" /> <InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" :errors="errors" @update:field="form.email = $event" />
<button>Ajouter</button> <button class="btn-primary">Ajouter</button>
</form> </form>
<div> <div class="mb-2">
<h2>Liste des utilisateurs</h2> <h2>Liste des utilisateurs</h2>
<ul> <ul>
<li v-if="loading">> Loading...</li> <li v-if="loading">> Loading...</li>
@@ -79,31 +79,27 @@
}) })
}, },
mounted() { mounted() {
if(authUser.data.attributes.is_admin) { axios.get('/api/users')
axios.get('/api/users') .then(response => {
.then(response => { this.users = response.data.data
this.users = response.data.data this.loading = false
this.loading = false })
}) .catch(error => {
.catch(error => { this.loading = false
this.loading = false alert('Unable to fetch users.')
alert('Unable to fetch users.') })
})
}
}, },
methods: { methods: {
addMember: function () { addMember: function () {
if(authUser.data.attributes.is_admin && this.form.name.length >= 4 && this.form.email.length >= 12) { if(this.form.name.length >= 4 && this.form.email.length >= 12) {
axios.post('/api/users', {name: this.form.name, email: this.form.email}) axios.post('/api/users', {name: this.form.name, email: this.form.email})
.then(res => { .then(res => {
console.log(res)
this.form.name = '' this.form.name = ''
this.form.email = '' this.form.email = ''
this.alertType = 'success' this.alertType = 'success'
this.alertMessage = `${res.data.data.attributes.name} a bien été créé` this.alertMessage = `${res.data.data.attributes.name} a bien été créé`
}) })
.catch(errors => { .catch(errors => {
console.log(errors)
this.alertType = 'error' this.alertType = 'error'
this.alertMessage = 'L\'utilisateur n\'a pas été créé' this.alertMessage = 'L\'utilisateur n\'a pas été créé'
}) })

View File

@@ -11,7 +11,7 @@ input {
background-color: $greyLight; background-color: $greyLight;
font-size: 1.6rem; font-size: 1.6rem;
font-family: $fontMain; font-family: $fontMain;
padding: 0.5rem; padding: 0.5rem 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
&:focus { &:focus {

View File

@@ -26,5 +26,13 @@
&-date { &-date {
opacity: 0.6; opacity: 0.6;
} }
} }
.memo-edit {
.memo-text-area textarea {
height: 50vh;
}
}

View File

@@ -30,6 +30,10 @@ $base: 1rem;
.flex-center { .flex-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
}
.flex-middle {
display: flex;
align-items: center; align-items: center;
} }