@alphasquad/horizontal-scroll-view
Version:
Horizontal scroll view.
8 lines • 1.64 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
exports.default = (function () { return (react_1.default.createElement("style", null, "\n .mainWrapper{\n position: relative;\n }\n .scrollWrapper{\n width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n white-space: nowrap;\n transition: all 0.2s;\n transform: scale(0.98);\n will-change: transform;\n user-select: none;\n cursor: pointer;\n display: flex;\n }\n .scrollWrapper div.items{\n display: flex;\n }\n .scrollWrapper.active{\n cursor: grabbing;\n cursor: -webkit-grabbing;\n transform: scale(1);\n }\n .image-left{\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 63px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n }\n .image-right{\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n width: 63px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n }\n\n ")); });
//# sourceMappingURL=style.js.map