@pb33f/cowboy-components 0.5.6 → 0.5.8

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.
@@ -45,7 +45,7 @@ let ElectricBox = class ElectricBox extends LitElement {
45
45
  </defs>
46
46
 
47
47
  <g id="box-group">
48
- <path id="orb-path" fill="none" stroke="${this.color}" stroke-width="5" />
48
+ <path id="orb-path" fill="none" stroke="${this.color}" stroke-width="${this.heroView ? 5 : 2}" />
49
49
  </g>
50
50
  <g id="orb-group">
51
51
  <circle
@@ -53,5 +53,18 @@ export default css `
53
53
  margin-left: 25px;
54
54
  }
55
55
  }
56
+
57
+
58
+ @media only screen and (max-width: 500px) {
59
+ .logo {
60
+ width: 100px;
61
+ }
62
+
63
+ .logo-container {
64
+ width: 100%;
65
+ margin-left: 0;
66
+ }
67
+ }
68
+
56
69
 
57
70
  `;
@@ -7,6 +7,7 @@ interface Logo {
7
7
  export declare class LogoWall extends LitElement {
8
8
  logos: Logo[];
9
9
  height: number;
10
+ hero: boolean;
10
11
  static styles: import("lit").CSSResult[];
11
12
  constructor();
12
13
  render(): TemplateResult<1>;
@@ -11,6 +11,7 @@ let LogoWall = class LogoWall extends LitElement {
11
11
  constructor() {
12
12
  super();
13
13
  this.height = 400;
14
+ this.hero = false;
14
15
  this.logos = [
15
16
  {
16
17
  name: "Google",
@@ -78,7 +79,7 @@ let LogoWall = class LogoWall extends LitElement {
78
79
  return html `
79
80
  <div style="width: 100%;">
80
81
  <h2>pb33f is trusted by top companies ❤️</h2>
81
- <pb33f-electric-box heroView spin spinAmount="30" maxtraveltime="7000" mintraveltime="4000" orbs height="${this.height}">
82
+ <pb33f-electric-box .heroView="${this.hero}" spin spinAmount="30" maxtraveltime="7000" mintraveltime="4000" orbs height="${this.height}">
82
83
  <div class="logo-container">
83
84
  ${this.logos.map((v) => {
84
85
  return html `
@@ -372,6 +373,9 @@ LogoWall.styles = [logoWallCss];
372
373
  __decorate([
373
374
  property({ type: Number })
374
375
  ], LogoWall.prototype, "height", void 0);
376
+ __decorate([
377
+ property({ type: Boolean })
378
+ ], LogoWall.prototype, "hero", void 0);
375
379
  LogoWall = __decorate([
376
380
  customElement('pb33f-logo-wall')
377
381
  ], LogoWall);