suwako
/
kikikan
アーカイブ
1
0
フォーク 0
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ

modified css-loader color

このコミットが含まれているのは:
dragon1211 2021-12-21 13:50:39 -08:00
親 6dd0afa2e4
コミット 4be9a2e2df
5個のファイルの変更、47行の追加、24行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

20
backend/public/css/app.css vendored
ファイルの表示

@ -17399,29 +17399,29 @@ a {
}
.css-loader {
color: green !important;
color: #b2b4b2 !important;
position: fixed;
z-index: 10;
}
@media screen and (min-width: 1068px) {
.css-loader {
width: 40px !important;
height: 40px !important;
top: calc(45vh - 20px);
left: calc(50vw + 120px - 20px);
width: 80px !important;
height: 80px !important;
top: calc(45vh - 40px);
left: calc(50vw + 120px - 40px);
}
}
@media screen and (max-width: 1068px) {
.css-loader {
width: 30px !important;
height: 30px !important;
top: calc(45vh - 15px);
left: calc(50vw - 15px);
width: 50px !important;
height: 50px !important;
top: calc(45vh - 25px);
left: calc(50vw - 25px);
}
}
.modal-css-loader {
color: green !important;
color: #b2b4b2 !important;
position: fixed;
z-index: 10;
width: 30px !important;

13
backend/public/js/app.js vendored
ファイルの表示

@ -44243,7 +44243,11 @@ function ModalSettingNotify(_ref) {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_7__.default, {
className: "position-relative",
children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, {
className: "modal-css-loader"
className: "modal-css-loader",
sx: {
animationDuration: '800ms'
},
thickness: 2
}), loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
className: "modal-content border-0 ".concat(!isApproval ? "is-active" : ""),
@ -44352,7 +44356,12 @@ __webpack_require__.r(__webpack_exports__);
var PageLoader = function PageLoader() {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_2__.default, {
className: "css-loader"
className: "css-loader",
sx: {
animationDuration: '500ms'
},
thickness: 1,
value: 50
});
};

9
backend/resources/js/component/modal_setting_notify.jsx
ファイルの表示

@ -87,7 +87,14 @@ export default function ModalSettingNotify({show, handleClose, meetingId}){
</DialogTitle>
<DialogContent className="position-relative">
{
!loaded && <CircularProgress className="modal-css-loader"/>
!loaded &&
<CircularProgress
className="modal-css-loader"
sx={{
animationDuration: '800ms',
}}
thickness={2}
/>
}
{
loaded &&

9
backend/resources/js/component/page_loader.jsx
ファイルの表示

@ -5,7 +5,14 @@ import { CircularProgress } from '@material-ui/core';
const PageLoader = () => {
return (
<CircularProgress className="css-loader"/>
<CircularProgress
className="css-loader"
sx={{
animationDuration: '500ms',
}}
thickness={1}
value={50}
/>
)
}

20
backend/resources/sass/layouts/_main.scss vendored
ファイルの表示

@ -104,25 +104,25 @@ a{
}
.css-loader{
color: green !important;
color: rgb(178, 180, 178) !important;
position: fixed;
z-index: 10;
@media screen and (min-width:1068px){
width: 40px !important;
height: 40px !important;
top: calc(45vh - 20px);
left: calc( 50vw + 240px / 2 - 20px);
width: 80px !important;
height: 80px !important;
top: calc(45vh - 40px);
left: calc( 50vw + 240px / 2 - 40px);
}
@media screen and (max-width:1068px){
width: 30px !important;
height: 30px !important;
top: calc(45vh - 15px);
left: calc(50vw - 15px);
width: 50px !important;
height: 50px !important;
top: calc(45vh - 25px);
left: calc(50vw - 25px);
}
}
.modal-css-loader{
color: green !important;
color: rgb(178, 180, 178) !important;
position: fixed;
z-index: 10;
width: 30px !important;