Skip to content

Commit

Permalink
integration responsiveness
Browse files Browse the repository at this point in the history
  • Loading branch information
@TChukwuleta
TChukwuleta committed Jun 28, 2024
1 parent 6a7fabe commit a1e1ef0
Show file tree
Hide file tree
Showing 2 changed files with 88 additions and 90 deletions.
170 changes: 84 additions & 86 deletions src/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,52 +140,16 @@ body {
}
.api {
grid-column: 3/8;
grid-row: 1/4;
grid-row: 1/3;
}
.svg-link.xenforo::before {
background-image: url(/img/xenforo.svg);
height: 90px;
width: 90px;
}
.xenforo {
grid-column: 8/11;
grid-row: 6/9;
}
.svg-link.shopify::before {
background-image: url(/img/shopify.svg);
height: 70px;
width: 70px;
}
.shopify {
grid-column: 12/10;
grid-row: 1/6;
}
.svg-link.opencart::before {
background-image: url(/img/opencart.svg);
}
.opencart {
grid-column: 7/7;
grid-row: 3/7;
}
.svg-link.joomla::before {
background-image: url(/img/joomla.svg);
height: 80px;
width: 80px;
background-size: 70px;
}
.joomla {
grid-column: 8/10;
grid-row: 3/7;
}
.svg-link.woo::before {
background-image: url(/img/woo.svg);
.svg-link.custom::before {
background-image: url(/img/custom.svg);
height: 80px;
width: 80px;
background-size: 70px;
}
.woo {
grid-column: 8/10;
grid-row: 1/4;
.custom {
grid-column: 4/5;
grid-row: 8/12;
}
.svg-link.drupal::before {
background-image: url(/img/drupal.svg);
Expand All @@ -196,50 +160,38 @@ body {
grid-column: 2/5;
grid-row: 1/5;
}
.svg-link.whmcs::before {
background-image: url(/img/whmcs.svg);
height: 70px;
width: 70px;
.svg-link.grandnode::before {
background-image: url(/img/grandnode.svg);
}
.whmcs {
grid-column: 3/5;
grid-row: 2/8;
.grandnode {
grid-column: 4/8;
grid-row: 4/12;
}
.svg-link.custom::before {
background-image: url(/img/custom.svg);
.svg-link.invoiceninja::before {
background-image: url(/img/invoiceninja.svg);
}
.invoiceninja {
grid-column: 6/8;
grid-row: 8/12;
}
.svg-link.joomla::before {
background-image: url(/img/joomla.svg);
height: 80px;
width: 80px;
background-size: 70px;
}
.custom {
grid-column: 2/5;
grid-row: 6/9;
.joomla {
grid-column: 8/10;
grid-row: 3/7;
}
.svg-link.mag::before {
background-image: url(/img/mag.svg);
height: 70px;
width: 70px;
}
.mag {
grid-column: 7/8;
grid-row: 6/8;
}
.svg-link.zapier::before {
background-image: url(/img/zapier.svg);
height: 70px;
width: 70px;
}
.zapier {
grid-column: 5/10;
grid-row: 4/2;
}
.svg-link.presta::before {
background-image: url(/img/presta.svg);
height: 70px;
width: 70px;
}
.presta {
grid-column: 1/3;
grid-row: 1/7;
grid-column: 7/12;
grid-row: 4/12;
}
.svg-link.nopcommerce::before {
background-image: url(/img/nopcommerce.svg);
Expand All @@ -248,23 +200,32 @@ body {
}
.nopcommerce {
grid-column: 1/3;
grid-row: 4/9;
grid-row: 6/10;
}
.svg-link.grandnode::before {
background-image: url(/img/grandnode.svg);
.svg-link.opencart::before {
background-image: url(/img/opencart.svg);
}
.grandnode {
grid-column: 3/8;
grid-row: 6/12;
.opencart {
grid-column: 1/7;
grid-row: 5/7;
}
.svg-link.invoiceninja::before {
background-image: url(/img/invoiceninja.svg);
.svg-link.presta::before {
background-image: url(/img/presta.svg);
height: 70px;
width: 70px;
}
.invoiceninja {
grid-column: 5/7;
grid-row: 2/8;
.presta {
grid-column: 1/3;
grid-row: 2/7;
}
.svg-link.shopify::before {
background-image: url(/img/shopify.svg);
height: 70px;
width: 70px;
}
.shopify {
grid-column: 12/12;
grid-row: 1/6;
}
.svg-link.smartstore::before {
background-image: url(/img/smartstore.svg);
Expand All @@ -273,7 +234,44 @@ body {
}
.smartstore {
grid-column: 12/12;
grid-row: 4/8;
grid-row: 4/10;
}
.svg-link.whmcs::before {
background-image: url(/img/whmcs.svg);
height: 70px;
width: 70px;
}
.whmcs {
grid-column: 4/6;
grid-row: 2/7;
}
.svg-link.woo::before {
background-image: url(/img/woo.svg);
height: 80px;
width: 80px;
background-size: 70px;
}
.woo {
grid-column: 8/10;
grid-row: 1/3;
}
.svg-link.xenforo::before {
background-image: url(/img/xenforo.svg);
height: 90px;
width: 90px;
}
.xenforo {
grid-column: 9/12;
grid-row: 9/12;
}
.svg-link.zapier::before {
background-image: url(/img/zapier.svg);
height: 70px;
width: 70px;
}
.zapier {
grid-column: 5/10;
grid-row: 5/2;
}
.alt-tooktip {
position: absolute;
Expand Down
8 changes: 4 additions & 4 deletions src/html/tmpl.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -304,10 +304,6 @@ <h2 class="desktop-only">{{integrations-and-plugins}}</h2>
<span class="whmcs">{{whmcs}}</span>
</a>

<a class="svg-link invoiceninja" href="https://docs.btcpayserver.org/InvoiceNinja/">
<span class="whmcs">{{invoiceninja}}</span>
</a>

<a class="svg-link mag" href="https://docs.btcpayserver.org/Magento/"><span class="mag">{{magento}}</span></a>

<a class="svg-link presta" href="https://docs.btcpayserver.org/PrestaShop/">
Expand All @@ -316,6 +312,10 @@ <h2 class="desktop-only">{{integrations-and-plugins}}</h2>

<a class="svg-link zapier" href="https://zapier.com/apps/btcpay-server/integrations"><span class="zapier">{{zapier}}</span></a>

<a class="svg-link invoiceninja" href="https://docs.btcpayserver.org/InvoiceNinja/">
<span class="invoiceninja">{{invoiceninja}}</span>
</a>

</div>

<h2 class="mobile-only">{{integrations-and-plugins}}</h2>
Expand Down

0 comments on commit a1e1ef0

Please sign in to comment.