This commit is contained in:
KarimAldeen 2024-03-27 08:43:06 +03:00
parent 7d33171980
commit 7e21d81ac7
5 changed files with 2 additions and 132 deletions

View File

@ -13,7 +13,8 @@
display: flex;
align-items: center;
color: var(--bg);
font-weight: bold;
font-weight: normal;
font-size: 14px;
}
button:hover {

View File

@ -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;

View File

@ -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;

View File

@ -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;
}
}

View File

@ -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;