ywana-core8 0.2.123 → 0.2.124

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/index.css CHANGED
@@ -16675,9 +16675,11 @@ li.selected,
16675
16675
  .viewer-thumbnails {
16676
16676
  position: relative;
16677
16677
  width: 100%;
16678
+ min-width: 0;
16678
16679
  background: rgba(0, 0, 0, 0.9);
16679
16680
  border-top: 1px solid rgba(255, 255, 255, 0.1);
16680
16681
  padding: 0.75rem 1rem;
16682
+ box-sizing: border-box;
16681
16683
  }
16682
16684
 
16683
16685
  .viewer-thumbnails__container {
@@ -16862,9 +16864,10 @@ li.selected,
16862
16864
  left: 0;
16863
16865
  width: 100vw;
16864
16866
  height: 100vh;
16867
+ overflow: hidden;
16865
16868
  background-color: rgba(0, 0, 0, .85);
16866
16869
  display: grid;
16867
- grid-template-columns: 1fr;
16870
+ grid-template-columns: minmax(0, 1fr);
16868
16871
  grid-template-rows: 4rem 1fr auto auto;
16869
16872
  grid-template-areas:
16870
16873
  "header"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ywana-core8",
3
- "version": "0.2.123",
3
+ "version": "0.2.124",
4
4
  "description": "ywana-core8",
5
5
  "homepage": "https://ywana.github.io/workspace",
6
6
  "author": "Ernesto Roldan Garcia",
@@ -4,9 +4,10 @@
4
4
  left: 0;
5
5
  width: 100vw;
6
6
  height: 100vh;
7
+ overflow: hidden;
7
8
  background-color: rgba(0, 0, 0, .85);
8
9
  display: grid;
9
- grid-template-columns: 1fr;
10
+ grid-template-columns: minmax(0, 1fr);
10
11
  grid-template-rows: 4rem 1fr auto auto;
11
12
  grid-template-areas:
12
13
  "header"
@@ -1005,10 +1005,10 @@ export const GalleryWithThumbnails = () => {
1005
1005
  {
1006
1006
  id: 6,
1007
1007
  title: 'Cañón Rocoso',
1008
- src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200',
1008
+ src: 'https://images.unsplash.com/photo-1501854140801-50d01698950b?w=1200',
1009
1009
  filename: 'canyon.jpg',
1010
1010
  mimeType: 'image/jpeg',
1011
- thumbnail: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=200',
1011
+ thumbnail: 'https://images.unsplash.com/photo-1501854140801-50d01698950b?w=200',
1012
1012
  },
1013
1013
  {
1014
1014
  id: 7,
@@ -1025,7 +1025,103 @@ export const GalleryWithThumbnails = () => {
1025
1025
  filename: 'lavender.jpg',
1026
1026
  mimeType: 'image/jpeg',
1027
1027
  thumbnail: 'https://images.unsplash.com/photo-1464207687429-7505649dae38?w=200',
1028
- }
1028
+ },
1029
+ {
1030
+ id: 9,
1031
+ title: 'Bosque de Bambú',
1032
+ src: 'https://images.unsplash.com/photo-1448375240586-882707db888b?w=1200',
1033
+ filename: 'bamboo.jpg',
1034
+ mimeType: 'image/jpeg',
1035
+ thumbnail: 'https://images.unsplash.com/photo-1448375240586-882707db888b?w=200',
1036
+ },
1037
+ {
1038
+ id: 10,
1039
+ title: 'Ciudad de Noche',
1040
+ src: 'https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=1200',
1041
+ filename: 'city-night.jpg',
1042
+ mimeType: 'image/jpeg',
1043
+ thumbnail: 'https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=200',
1044
+ },
1045
+ {
1046
+ id: 11,
1047
+ title: 'Playa Tropical',
1048
+ src: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1200',
1049
+ filename: 'beach-tropical.jpg',
1050
+ mimeType: 'image/jpeg',
1051
+ thumbnail: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=200',
1052
+ },
1053
+ {
1054
+ id: 12,
1055
+ title: 'Volcán Activo',
1056
+ src: 'https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=1200',
1057
+ filename: 'volcano.jpg',
1058
+ mimeType: 'image/jpeg',
1059
+ thumbnail: 'https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=200',
1060
+ },
1061
+ {
1062
+ id: 13,
1063
+ title: 'Pradera Florida',
1064
+ src: 'https://images.unsplash.com/photo-1490750967868-88df5691a7b3?w=1200',
1065
+ filename: 'meadow.jpg',
1066
+ mimeType: 'image/jpeg',
1067
+ thumbnail: 'https://images.unsplash.com/photo-1490750967868-88df5691a7b3?w=200',
1068
+ },
1069
+ {
1070
+ id: 14,
1071
+ title: 'Glaciar Azul',
1072
+ src: 'https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?w=1200',
1073
+ filename: 'glacier.jpg',
1074
+ mimeType: 'image/jpeg',
1075
+ thumbnail: 'https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?w=200',
1076
+ },
1077
+ {
1078
+ id: 15,
1079
+ title: 'Selva Amazónica',
1080
+ src: 'https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?w=1200',
1081
+ filename: 'jungle.jpg',
1082
+ mimeType: 'image/jpeg',
1083
+ thumbnail: 'https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?w=200',
1084
+ },
1085
+ {
1086
+ id: 16,
1087
+ title: 'Delta del Río',
1088
+ src: 'https://images.unsplash.com/photo-1504701954957-2010ec3bcec1?w=1200',
1089
+ filename: 'river-delta.jpg',
1090
+ mimeType: 'image/jpeg',
1091
+ thumbnail: 'https://images.unsplash.com/photo-1504701954957-2010ec3bcec1?w=200',
1092
+ },
1093
+ {
1094
+ id: 17,
1095
+ title: 'Acantilado Costero',
1096
+ src: 'https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1200',
1097
+ filename: 'cliff.jpg',
1098
+ mimeType: 'image/jpeg',
1099
+ thumbnail: 'https://images.unsplash.com/photo-1519681393784-d120267933ba?w=200',
1100
+ },
1101
+ {
1102
+ id: 18,
1103
+ title: 'Tundra Ártica',
1104
+ src: 'https://images.unsplash.com/photo-1504870712357-65ea720d6078?w=1200',
1105
+ filename: 'tundra.jpg',
1106
+ mimeType: 'image/jpeg',
1107
+ thumbnail: 'https://images.unsplash.com/photo-1504870712357-65ea720d6078?w=200',
1108
+ },
1109
+ {
1110
+ id: 19,
1111
+ title: 'Dunas de Arena',
1112
+ src: 'https://images.unsplash.com/photo-1509099836639-18ba1795216d?w=1200',
1113
+ filename: 'dunes.jpg',
1114
+ mimeType: 'image/jpeg',
1115
+ thumbnail: 'https://images.unsplash.com/photo-1509099836639-18ba1795216d?w=200',
1116
+ },
1117
+ {
1118
+ id: 20,
1119
+ title: 'Valle Nevado',
1120
+ src: 'https://images.unsplash.com/photo-1491555103944-7c647fd857e6?w=1200',
1121
+ filename: 'snowy-valley.jpg',
1122
+ mimeType: 'image/jpeg',
1123
+ thumbnail: 'https://images.unsplash.com/photo-1491555103944-7c647fd857e6?w=200',
1124
+ },
1029
1125
  ];
1030
1126
 
1031
1127
  return (
@@ -1,9 +1,11 @@
1
1
  .viewer-thumbnails {
2
2
  position: relative;
3
3
  width: 100%;
4
+ min-width: 0;
4
5
  background: rgba(0, 0, 0, 0.9);
5
6
  border-top: 1px solid rgba(255, 255, 255, 0.1);
6
7
  padding: 0.75rem 1rem;
8
+ box-sizing: border-box;
7
9
  }
8
10
 
9
11
  .viewer-thumbnails__container {