This commit is contained in:
parent
7d33171980
commit
7e21d81ac7
|
|
@ -13,7 +13,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: var(--bg);
|
color: var(--bg);
|
||||||
font-weight: bold;
|
font-weight: normal;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover {
|
button:hover {
|
||||||
|
|
|
||||||
28
src/Layout/Dashboard/AddButton/dist/AddButton.js
vendored
28
src/Layout/Dashboard/AddButton/dist/AddButton.js
vendored
|
|
@ -1,28 +0,0 @@
|
||||||
"use strict";
|
|
||||||
var __assign = (this && this.__assign) || function () {
|
|
||||||
__assign = Object.assign || function(t) {
|
|
||||||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
||||||
s = arguments[i];
|
|
||||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
||||||
t[p] = s[p];
|
|
||||||
}
|
|
||||||
return t;
|
|
||||||
};
|
|
||||||
return __assign.apply(this, arguments);
|
|
||||||
};
|
|
||||||
exports.__esModule = true;
|
|
||||||
var react_1 = require("react");
|
|
||||||
require("./Add_Button.scss");
|
|
||||||
var react_i18next_1 = require("react-i18next");
|
|
||||||
var AddButton = function (props) {
|
|
||||||
var t = react_i18next_1.useTranslation()[0];
|
|
||||||
return (react_1["default"].createElement("div", __assign({ className: 'Add_Button' }, props),
|
|
||||||
react_1["default"].createElement("button", null,
|
|
||||||
react_1["default"].createElement("span", null,
|
|
||||||
react_1["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24 },
|
|
||||||
react_1["default"].createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
||||||
react_1["default"].createElement("path", { fill: "currentColor", d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z" })),
|
|
||||||
" ",
|
|
||||||
t("Add")))));
|
|
||||||
};
|
|
||||||
exports["default"] = AddButton;
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
"use strict";
|
|
||||||
exports.__esModule = true;
|
|
||||||
var react_1 = require("react");
|
|
||||||
require("./Add_Button.scss");
|
|
||||||
var react_i18next_1 = require("react-i18next");
|
|
||||||
var LayoutPagestate_1 = require("../../../lib/state mangment/LayoutPagestate");
|
|
||||||
var AddButtonLayout = function (_a) {
|
|
||||||
var haveAddModal = _a.haveAddModal;
|
|
||||||
var _b = LayoutPagestate_1.usePageState(), setIsOpenAddModel = _b.setIsOpenAddModel, setObjectToEdit = _b.setObjectToEdit;
|
|
||||||
var t = react_i18next_1.useTranslation()[0];
|
|
||||||
return (react_1["default"].createElement("div", { className: 'Add_Button', onClick: function () {
|
|
||||||
if (haveAddModal) {
|
|
||||||
setIsOpenAddModel();
|
|
||||||
}
|
|
||||||
setObjectToEdit(null);
|
|
||||||
} },
|
|
||||||
react_1["default"].createElement("button", null,
|
|
||||||
react_1["default"].createElement("span", null,
|
|
||||||
react_1["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24 },
|
|
||||||
react_1["default"].createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
||||||
react_1["default"].createElement("path", { fill: "currentColor", d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z" })),
|
|
||||||
" ",
|
|
||||||
t("Add")))));
|
|
||||||
};
|
|
||||||
exports["default"] = AddButtonLayout;
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
.Add_Button button {
|
|
||||||
border: 2px solid var(--primary);
|
|
||||||
background-color: var(--primary);
|
|
||||||
border-radius: 0.5vw;
|
|
||||||
font-size: 1vw;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
box-shadow: 2px 2px 7px 0 var(--primary);
|
|
||||||
height: 40px;
|
|
||||||
width:70px
|
|
||||||
|
|
||||||
}
|
|
||||||
.Add_Button button span {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
color: var(--bg);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.Add_Button button:hover {
|
|
||||||
background-color: var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 700px) {
|
|
||||||
.Add_Button button {
|
|
||||||
font-size: 2vw !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 470px) {
|
|
||||||
.Add_Button button {
|
|
||||||
font-size: 3vw !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,45 +0,0 @@
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var __assign = void 0 && (void 0).__assign || function () {
|
|
||||||
__assign = Object.assign || function (t) {
|
|
||||||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
||||||
s = arguments[i];
|
|
||||||
|
|
||||||
for (var p in s) {
|
|
||||||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return t;
|
|
||||||
};
|
|
||||||
|
|
||||||
return __assign.apply(this, arguments);
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.__esModule = true;
|
|
||||||
|
|
||||||
var react_1 = require("react");
|
|
||||||
|
|
||||||
require("./Add_Button.scss");
|
|
||||||
|
|
||||||
var react_i18next_1 = require("react-i18next");
|
|
||||||
|
|
||||||
var AddButton = function AddButton(props) {
|
|
||||||
var t = react_i18next_1.useTranslation()[0];
|
|
||||||
return react_1["default"].createElement("div", __assign({
|
|
||||||
className: 'Add_Button'
|
|
||||||
}, props), react_1["default"].createElement("button", null, react_1["default"].createElement("span", null, react_1["default"].createElement("svg", {
|
|
||||||
xmlns: "http://www.w3.org/2000/svg",
|
|
||||||
viewBox: "0 0 24 24",
|
|
||||||
width: 24,
|
|
||||||
height: 24
|
|
||||||
}, react_1["default"].createElement("path", {
|
|
||||||
fill: "none",
|
|
||||||
d: "M0 0h24v24H0z"
|
|
||||||
}), react_1["default"].createElement("path", {
|
|
||||||
fill: "currentColor",
|
|
||||||
d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
|
|
||||||
})), " ", t("Add"))));
|
|
||||||
};
|
|
||||||
|
|
||||||
exports["default"] = AddButton;
|
|
||||||
Loading…
Reference in New Issue
Block a user