nestiq-component-library 1.1.142 → 1.1.144
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/images/Icon_rightArrow.svg +3 -0
- package/dist/assets/images/LayersIcon.svg +5 -0
- package/dist/assets/images/blackarrow-Right.svg +3 -0
- package/dist/assets/images/blckarrow-Left.svg +3 -0
- package/dist/assets/images/{card-arrow-left.55343410142dad3f.svg → card-arrow-left.28090aba4b4f2006.svg} +4 -4
- package/dist/assets/images/{card-arrow-right.60b3bf0e34c1800d.svg → card-arrow-right.c60af4cbbd49f3aa.svg} +4 -4
- package/dist/assets/images/chevron-left.svg +3 -0
- package/dist/assets/images/default-property.jpg +0 -0
- package/dist/assets/images/heartIcon.svg +3 -0
- package/dist/assets/images/icon-close-white.webp +0 -0
- package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
- package/dist/assets/images/icon_close_2.png +0 -0
- package/dist/assets/images/icon_gallery.svg +4 -0
- package/dist/assets/images/icon_map.svg +10 -0
- package/dist/assets/images/icon_share_1.svg +3 -0
- package/dist/assets/images/{imooly.b46514ac970e6052.svg → imooly.890e3dd01ea33574.svg} +7 -7
- package/dist/assets/images/layer_icon.svg +5 -0
- package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +4 -0
- package/dist/assets/images/locationIcon.svg +4 -0
- package/dist/assets/images/locationIconBlack.svg +4 -0
- package/dist/assets/images/{more.ce14789c8d37e327.svg → more.1e158adc48fbb406.svg} +12 -12
- package/dist/assets/images/no-image-icon.png +0 -0
- package/dist/components/Button/Button.js +6 -0
- package/dist/components/ImageListPopup/ImageListPopup.js +26 -0
- package/dist/components/MessagePopup/ErrorPopup.d.ts +7 -0
- package/dist/components/Popup/Popup.js +12 -0
- package/dist/components/SharePopup/PopUp.d.ts +7 -0
- package/dist/index.es.js +34 -27
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +34 -27
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +36 -36
- package/src/assets/images/card-arrow-left.svg +4 -4
- package/src/assets/images/card-arrow-right.svg +4 -4
- package/src/assets/images/imooly.svg +7 -7
- package/src/assets/images/more.svg +12 -12
- package/src/components/FloorPlanPopup/FloorPlanPopup.css +3 -3
- package/src/components/FloorPlanPopup/FloorPlanPopup.tsx +83 -83
- package/src/components/ImageListPopup/ImageListPopup.css +83 -83
- package/src/components/ImageListPopup/ImageListPopup.tsx +141 -141
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +358 -358
- package/src/components/Popup/Popup.tsx +29 -29
- package/src/components/PropertyImageList/PropertyImageList.css +24 -6
- package/src/components/PropertyImageList/PropertyImageList.tsx +32 -25
- package/src/components/ToastWrapper/ToastWrapper.tsx +25 -25
- package/src/models/message.model.ts +7 -7
package/rollup.config.mjs
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import typescript from "rollup-plugin-typescript2";
|
|
2
|
-
import url from "@rollup/plugin-url";
|
|
3
|
-
import postcss from "rollup-plugin-postcss";
|
|
4
|
-
|
|
5
|
-
import pkg from "./package.json" with { type: "json" };
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
input: "src/index.tsx",
|
|
9
|
-
output: [
|
|
10
|
-
{
|
|
11
|
-
file: pkg.main,
|
|
12
|
-
format: "cjs",
|
|
13
|
-
sourcemap: true,
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
file: pkg.module,
|
|
17
|
-
format: "es",
|
|
18
|
-
sourcemap: true,
|
|
19
|
-
},
|
|
20
|
-
],
|
|
21
|
-
external: ["react", "react-dom"],
|
|
22
|
-
plugins: [
|
|
23
|
-
typescript(),
|
|
24
|
-
postcss({
|
|
25
|
-
extensions: [".css"],
|
|
26
|
-
}),
|
|
27
|
-
url({
|
|
28
|
-
include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
|
|
29
|
-
limit: 0,
|
|
30
|
-
emitFiles: true,
|
|
31
|
-
fileName: '[name].[hash][extname]',
|
|
32
|
-
destDir: 'dist/assets/images',
|
|
33
|
-
publicPath: `/static/media/`
|
|
34
|
-
})
|
|
35
|
-
],
|
|
36
|
-
};
|
|
1
|
+
import typescript from "rollup-plugin-typescript2";
|
|
2
|
+
import url from "@rollup/plugin-url";
|
|
3
|
+
import postcss from "rollup-plugin-postcss";
|
|
4
|
+
import pkg from "./package.json" assert { type: "json" };
|
|
5
|
+
// import pkg from "./package.json" with { type: "json" };
|
|
6
|
+
|
|
7
|
+
export default {
|
|
8
|
+
input: "src/index.tsx",
|
|
9
|
+
output: [
|
|
10
|
+
{
|
|
11
|
+
file: pkg.main,
|
|
12
|
+
format: "cjs",
|
|
13
|
+
sourcemap: true,
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
file: pkg.module,
|
|
17
|
+
format: "es",
|
|
18
|
+
sourcemap: true,
|
|
19
|
+
},
|
|
20
|
+
],
|
|
21
|
+
external: ["react", "react-dom"],
|
|
22
|
+
plugins: [
|
|
23
|
+
typescript(),
|
|
24
|
+
postcss({
|
|
25
|
+
extensions: [".css"],
|
|
26
|
+
}),
|
|
27
|
+
url({
|
|
28
|
+
include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
|
|
29
|
+
limit: 0,
|
|
30
|
+
emitFiles: true,
|
|
31
|
+
fileName: '[name].[hash][extname]',
|
|
32
|
+
destDir: 'dist/assets/images',
|
|
33
|
+
publicPath: `/static/media/`
|
|
34
|
+
})
|
|
35
|
+
],
|
|
36
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
|
|
4
|
+
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
|
|
4
|
+
</svg>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
|
|
3
|
-
<path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
|
|
4
|
-
<path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
|
|
5
|
-
<path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
|
|
6
|
-
<path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
|
|
7
|
-
</svg>
|
|
1
|
+
<svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
|
|
3
|
+
<path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
|
|
4
|
+
<path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
|
|
5
|
+
<path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
|
|
6
|
+
<path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
|
|
7
|
+
</svg>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#fxcoqj8dma)" fill="#313131">
|
|
3
|
-
<circle cx="2" cy="2" r="2"/>
|
|
4
|
-
<circle cx="2" cy="10" r="2"/>
|
|
5
|
-
<circle cx="2" cy="18" r="2"/>
|
|
6
|
-
</g>
|
|
7
|
-
<defs>
|
|
8
|
-
<clipPath id="fxcoqj8dma">
|
|
9
|
-
<path fill="#fff" d="M0 0h4v20H0z"/>
|
|
10
|
-
</clipPath>
|
|
11
|
-
</defs>
|
|
12
|
-
</svg>
|
|
1
|
+
<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#fxcoqj8dma)" fill="#313131">
|
|
3
|
+
<circle cx="2" cy="2" r="2"/>
|
|
4
|
+
<circle cx="2" cy="10" r="2"/>
|
|
5
|
+
<circle cx="2" cy="18" r="2"/>
|
|
6
|
+
</g>
|
|
7
|
+
<defs>
|
|
8
|
+
<clipPath id="fxcoqj8dma">
|
|
9
|
+
<path fill="#fff" d="M0 0h4v20H0z"/>
|
|
10
|
+
</clipPath>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.mainImage {
|
|
2
|
-
height: 80%;
|
|
3
|
-
}
|
|
1
|
+
.mainImage {
|
|
2
|
+
height: 80%;
|
|
3
|
+
}
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
import React, { useEffect, useState } from "react";
|
|
2
|
-
import iconClose from "../../assets/images/close.png";
|
|
3
|
-
|
|
4
|
-
interface PopupProps {
|
|
5
|
-
contentUrl: string;
|
|
6
|
-
onCloseClick: () => void;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
const FloorPlanPopup: React.FC<PopupProps> = ({ contentUrl, onCloseClick }) => {
|
|
10
|
-
const [isContentImage, setIsContentImage] = useState(false);
|
|
11
|
-
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
if (contentUrl) {
|
|
14
|
-
const fileFormat = contentUrl.split(".").pop();
|
|
15
|
-
if (
|
|
16
|
-
fileFormat === "png" ||
|
|
17
|
-
fileFormat === "jpg" ||
|
|
18
|
-
fileFormat === "jpeg" ||
|
|
19
|
-
fileFormat === "svg"
|
|
20
|
-
) {
|
|
21
|
-
setIsContentImage(true);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}, [contentUrl]);
|
|
25
|
-
|
|
26
|
-
const downloadButtonClickHandler = (): void => {
|
|
27
|
-
// Create a temporary anchor element
|
|
28
|
-
const link = document.createElement("a");
|
|
29
|
-
link.href = contentUrl;
|
|
30
|
-
link.setAttribute("download", ""); // This attribute hints the browser to download the file
|
|
31
|
-
|
|
32
|
-
// Append the anchor to the body and click it to trigger the download
|
|
33
|
-
document.body.appendChild(link);
|
|
34
|
-
link.click();
|
|
35
|
-
|
|
36
|
-
// Clean up: remove the anchor element
|
|
37
|
-
document.body.removeChild(link);
|
|
38
|
-
};
|
|
39
|
-
return (
|
|
40
|
-
<div className="popup-overlay">
|
|
41
|
-
<div className=" d-flex w-50 flex-column col-6 ">
|
|
42
|
-
<div className="d-flex align-self-end me-5 mt-5">
|
|
43
|
-
<img
|
|
44
|
-
src={iconClose}
|
|
45
|
-
alt="close"
|
|
46
|
-
className="closeIcon mt-5"
|
|
47
|
-
onClick={onCloseClick}
|
|
48
|
-
/>
|
|
49
|
-
</div>
|
|
50
|
-
<div className="d-flex justify-content-center">
|
|
51
|
-
<div className="p-2 bd-highlight">
|
|
52
|
-
{isContentImage && (
|
|
53
|
-
<div
|
|
54
|
-
className="rounded-5 mainImage"
|
|
55
|
-
style={{
|
|
56
|
-
backgroundImage: `url(${contentUrl})`,
|
|
57
|
-
height: "350px",
|
|
58
|
-
width: "600px",
|
|
59
|
-
backgroundSize: "cover",
|
|
60
|
-
backgroundPosition: "center",
|
|
61
|
-
}}
|
|
62
|
-
></div>
|
|
63
|
-
)}
|
|
64
|
-
{!isContentImage && (
|
|
65
|
-
<div className="text-white text-center">
|
|
66
|
-
No Preview Available
|
|
67
|
-
<button
|
|
68
|
-
className="btn btn-info"
|
|
69
|
-
onClick={downloadButtonClickHandler}
|
|
70
|
-
>
|
|
71
|
-
{" "}
|
|
72
|
-
Download{" "}
|
|
73
|
-
</button>
|
|
74
|
-
</div>
|
|
75
|
-
)}
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
);
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
export default FloorPlanPopup;
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import iconClose from "../../assets/images/close.png";
|
|
3
|
+
|
|
4
|
+
interface PopupProps {
|
|
5
|
+
contentUrl: string;
|
|
6
|
+
onCloseClick: () => void;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const FloorPlanPopup: React.FC<PopupProps> = ({ contentUrl, onCloseClick }) => {
|
|
10
|
+
const [isContentImage, setIsContentImage] = useState(false);
|
|
11
|
+
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (contentUrl) {
|
|
14
|
+
const fileFormat = contentUrl.split(".").pop();
|
|
15
|
+
if (
|
|
16
|
+
fileFormat === "png" ||
|
|
17
|
+
fileFormat === "jpg" ||
|
|
18
|
+
fileFormat === "jpeg" ||
|
|
19
|
+
fileFormat === "svg"
|
|
20
|
+
) {
|
|
21
|
+
setIsContentImage(true);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}, [contentUrl]);
|
|
25
|
+
|
|
26
|
+
const downloadButtonClickHandler = (): void => {
|
|
27
|
+
// Create a temporary anchor element
|
|
28
|
+
const link = document.createElement("a");
|
|
29
|
+
link.href = contentUrl;
|
|
30
|
+
link.setAttribute("download", ""); // This attribute hints the browser to download the file
|
|
31
|
+
|
|
32
|
+
// Append the anchor to the body and click it to trigger the download
|
|
33
|
+
document.body.appendChild(link);
|
|
34
|
+
link.click();
|
|
35
|
+
|
|
36
|
+
// Clean up: remove the anchor element
|
|
37
|
+
document.body.removeChild(link);
|
|
38
|
+
};
|
|
39
|
+
return (
|
|
40
|
+
<div className="popup-overlay">
|
|
41
|
+
<div className=" d-flex w-50 flex-column col-6 ">
|
|
42
|
+
<div className="d-flex align-self-end me-5 mt-5">
|
|
43
|
+
<img
|
|
44
|
+
src={iconClose}
|
|
45
|
+
alt="close"
|
|
46
|
+
className="closeIcon mt-5"
|
|
47
|
+
onClick={onCloseClick}
|
|
48
|
+
/>
|
|
49
|
+
</div>
|
|
50
|
+
<div className="d-flex justify-content-center">
|
|
51
|
+
<div className="p-2 bd-highlight">
|
|
52
|
+
{isContentImage && (
|
|
53
|
+
<div
|
|
54
|
+
className="rounded-5 mainImage"
|
|
55
|
+
style={{
|
|
56
|
+
backgroundImage: `url(${contentUrl})`,
|
|
57
|
+
height: "350px",
|
|
58
|
+
width: "600px",
|
|
59
|
+
backgroundSize: "cover",
|
|
60
|
+
backgroundPosition: "center",
|
|
61
|
+
}}
|
|
62
|
+
></div>
|
|
63
|
+
)}
|
|
64
|
+
{!isContentImage && (
|
|
65
|
+
<div className="text-white text-center">
|
|
66
|
+
No Preview Available
|
|
67
|
+
<button
|
|
68
|
+
className="btn btn-info"
|
|
69
|
+
onClick={downloadButtonClickHandler}
|
|
70
|
+
>
|
|
71
|
+
{" "}
|
|
72
|
+
Download{" "}
|
|
73
|
+
</button>
|
|
74
|
+
</div>
|
|
75
|
+
)}
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export default FloorPlanPopup;
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
.popup-header {
|
|
2
|
-
display: flex;
|
|
3
|
-
justify-content: center;
|
|
4
|
-
align-items: center;
|
|
5
|
-
width: 100%;
|
|
6
|
-
padding: 1rem;
|
|
7
|
-
position: absolute;
|
|
8
|
-
top: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.popup-title {
|
|
12
|
-
color: white;
|
|
13
|
-
font-size: 24px;
|
|
14
|
-
font-weight: bold;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.btn-close {
|
|
18
|
-
position: absolute;
|
|
19
|
-
right: 1rem;
|
|
20
|
-
top: 1rem;
|
|
21
|
-
background: none;
|
|
22
|
-
border: none;
|
|
23
|
-
color: white;
|
|
24
|
-
font-size: 24px;
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.popup-body {
|
|
29
|
-
display: flex;
|
|
30
|
-
justify-content: center;
|
|
31
|
-
align-items: center;
|
|
32
|
-
padding: 1rem;
|
|
33
|
-
position: relative;
|
|
34
|
-
flex: 1;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.main-image {
|
|
38
|
-
max-width: 100%;
|
|
39
|
-
max-height: 80vh;
|
|
40
|
-
border-radius: 8px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.btn-prev,
|
|
44
|
-
.btn-next {
|
|
45
|
-
background: none;
|
|
46
|
-
border: none;
|
|
47
|
-
color: white;
|
|
48
|
-
font-size: 48px;
|
|
49
|
-
cursor: pointer;
|
|
50
|
-
position: absolute;
|
|
51
|
-
top: 50%;
|
|
52
|
-
transform: translateY(-50%);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.btn-prev {
|
|
56
|
-
left: 10px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.btn-next {
|
|
60
|
-
right: 10px;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.popup-thumbnails {
|
|
64
|
-
display: flex;
|
|
65
|
-
justify-content: center;
|
|
66
|
-
align-items: center;
|
|
67
|
-
gap: 10px;
|
|
68
|
-
padding: 1rem;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.thumbnail {
|
|
72
|
-
width: 60px;
|
|
73
|
-
height: 60px;
|
|
74
|
-
object-fit: cover;
|
|
75
|
-
border-radius: 8px;
|
|
76
|
-
cursor: pointer;
|
|
77
|
-
opacity: 0.6;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.thumbnail.active {
|
|
81
|
-
border: 2px solid white;
|
|
82
|
-
opacity: 1;
|
|
83
|
-
}
|
|
1
|
+
.popup-header {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
width: 100%;
|
|
6
|
+
padding: 1rem;
|
|
7
|
+
position: absolute;
|
|
8
|
+
top: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.popup-title {
|
|
12
|
+
color: white;
|
|
13
|
+
font-size: 24px;
|
|
14
|
+
font-weight: bold;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.btn-close {
|
|
18
|
+
position: absolute;
|
|
19
|
+
right: 1rem;
|
|
20
|
+
top: 1rem;
|
|
21
|
+
background: none;
|
|
22
|
+
border: none;
|
|
23
|
+
color: white;
|
|
24
|
+
font-size: 24px;
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.popup-body {
|
|
29
|
+
display: flex;
|
|
30
|
+
justify-content: center;
|
|
31
|
+
align-items: center;
|
|
32
|
+
padding: 1rem;
|
|
33
|
+
position: relative;
|
|
34
|
+
flex: 1;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.main-image {
|
|
38
|
+
max-width: 100%;
|
|
39
|
+
max-height: 80vh;
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.btn-prev,
|
|
44
|
+
.btn-next {
|
|
45
|
+
background: none;
|
|
46
|
+
border: none;
|
|
47
|
+
color: white;
|
|
48
|
+
font-size: 48px;
|
|
49
|
+
cursor: pointer;
|
|
50
|
+
position: absolute;
|
|
51
|
+
top: 50%;
|
|
52
|
+
transform: translateY(-50%);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.btn-prev {
|
|
56
|
+
left: 10px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.btn-next {
|
|
60
|
+
right: 10px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.popup-thumbnails {
|
|
64
|
+
display: flex;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
align-items: center;
|
|
67
|
+
gap: 10px;
|
|
68
|
+
padding: 1rem;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.thumbnail {
|
|
72
|
+
width: 60px;
|
|
73
|
+
height: 60px;
|
|
74
|
+
object-fit: cover;
|
|
75
|
+
border-radius: 8px;
|
|
76
|
+
cursor: pointer;
|
|
77
|
+
opacity: 0.6;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.thumbnail.active {
|
|
81
|
+
border: 2px solid white;
|
|
82
|
+
opacity: 1;
|
|
83
|
+
}
|