@turnipxenon/pineapple 2.4.41 → 2.4.42

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.
Files changed (6) hide show
  1. package/.idea/workspace.xml +4 -1
  2. package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte +4 -3
  3. package/.svelte-kit/generated/server/internal.js +1 -1
  4. package/dist/components/navigation_component/NavigationComponent.svelte +4 -3
  5. package/package.json +1 -1
  6. package/src/lib/components/navigation_component/NavigationComponent.svelte +4 -3
package/.idea/workspace.xml CHANGED
@@ -5,7 +5,7 @@
5
5
  </component>
6
6
  <component name="ChangeListManager">
7
7
  <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Fix allowLinkedin arg in SocialSection">
8
- <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
8
+ <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" afterDir="false" />
9
9
  </list>
10
10
  <option name="SHOW_DIALOG" value="false" />
11
11
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -254,6 +254,9 @@
254
254
  <workItem from="1711681779901" duration="6000" />
255
255
  <workItem from="1711682341820" duration="414000" />
256
256
  <workItem from="1711682931608" duration="198000" />
257
+ <workItem from="1711683164653" duration="79000" />
258
+ <workItem from="1711683280312" duration="11000" />
259
+ <workItem from="1711684148768" duration="781000" />
257
260
  </task>
258
261
  <task id="LOCAL-00070" summary="Clean up todos">
259
262
  <option name="closed" value="true" />
package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -73,7 +73,7 @@ $:
73
73
  </div>
74
74
 
75
75
  <style>
76
- @media (max-width: 800px) {
76
+ @container (max-width: 800px) {
77
77
  img {
78
78
  max-height: 20rem;
79
79
  width: 100%;
@@ -86,7 +86,7 @@ $:
86
86
  }
87
87
  }
88
88
 
89
- @media (min-width: 801px) {
89
+ @container (min-width: 801px) {
90
90
  .navigation-element {
91
91
  flex-direction: row;
92
92
  }
@@ -214,8 +214,8 @@ $:
214
214
  }
215
215
 
216
216
  .navigation-element {
217
+ container-type: inline-size;
217
218
  display: flex;
218
- /*flex-direction: row;*/
219
219
  text-align: start;
220
220
  align-items: flex-start;
221
221
  padding: 0;
@@ -230,6 +230,7 @@ $:
230
230
  }
231
231
 
232
232
  .navigation-component {
233
+ container-type: inline-size;
233
234
  display: flex;
234
235
  flex-direction: column;
235
236
  gap: 2em;
package/.svelte-kit/generated/server/internal.js CHANGED
@@ -21,7 +21,7 @@ export const options = {
21
21
  app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
22
22
  error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
23
23
  },
24
- version_hash: "85sq1n"
24
+ version_hash: "1pw7j7j"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
package/dist/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -73,7 +73,7 @@ $:
73
73
  </div>
74
74
 
75
75
  <style>
76
- @media (max-width: 800px) {
76
+ @container (max-width: 800px) {
77
77
  img {
78
78
  max-height: 20rem;
79
79
  width: 100%;
@@ -86,7 +86,7 @@ $:
86
86
  }
87
87
  }
88
88
 
89
- @media (min-width: 801px) {
89
+ @container (min-width: 801px) {
90
90
  .navigation-element {
91
91
  flex-direction: row;
92
92
  }
@@ -214,8 +214,8 @@ $:
214
214
  }
215
215
 
216
216
  .navigation-element {
217
+ container-type: inline-size;
217
218
  display: flex;
218
- /*flex-direction: row;*/
219
219
  text-align: start;
220
220
  align-items: flex-start;
221
221
  padding: 0;
@@ -230,6 +230,7 @@ $:
230
230
  }
231
231
 
232
232
  .navigation-component {
233
+ container-type: inline-size;
233
234
  display: flex;
234
235
  flex-direction: column;
235
236
  gap: 2em;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@turnipxenon/pineapple",
3
3
  "description": "personal package for base styling for other personal projects",
4
- "version": "2.4.41",
4
+ "version": "2.4.42",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "npm run check-requirements && vite build && yarn package",
package/src/lib/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -81,7 +81,7 @@
81
81
  </div>
82
82
 
83
83
  <style lang="postcss">
84
- @media (max-width: 800px) {
84
+ @container (max-width: 800px) {
85
85
  img {
86
86
  max-height: 20rem;
87
87
  width: 100%;
@@ -94,7 +94,7 @@
94
94
  }
95
95
  }
96
96
 
97
- @media (min-width: 801px) {
97
+ @container (min-width: 801px) {
98
98
  .navigation-element {
99
99
  flex-direction: row;
100
100
  }
@@ -106,8 +106,8 @@
106
106
 
107
107
  .navigation-element {
108
108
  @apply btn card card-hover bg-surface-100 dark:bg-surface-900;
109
+ container-type: inline-size;
109
110
  display: flex;
110
- /*flex-direction: row;*/
111
111
  text-align: start;
112
112
  align-items: flex-start;
113
113
  padding: 0;
@@ -121,6 +121,7 @@
121
121
  }
122
122
 
123
123
  .navigation-component {
124
+ container-type: inline-size;
124
125
  display: flex;
125
126
  flex-direction: column;
126
127
  gap: 2em;