Migrate to Turborepo (#1251)

2024-07-04 21:46:29 -07:00
parent 6fa1acc461
commit 0f2ddb452c
811 changed files with 5623 additions and 7832 deletions
--- a/packages/ui/src/components/base/Promotion.vue
+++ b/packages/ui/src/components/base/Promotion.vue
@@ -0,0 +1,125 @@
+<template>
+  <div class="GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD">
+    <a
+      :href="`https://bisecthosting.com/modrinth${queryParam}`"
+      rel="noopener nofollow sponsored"
+      :target="target"
+    ></a>
+    <div class="GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-0">
+      <div class="GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-1">
+        <div class="GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-2">
+          <BisectIcon class="GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-3" />
+          <span>
+            <span> Host your Minecraft server on </span>
+            <strong>BisectHosting</strong>
+            <span> - get 25% off your first month with code <strong>MODRINTH</strong>. </span>
+          </span>
+        </div>
+      </div>
+      <div class="GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-4">
+        <a rel="noopener sponsored" :target="target" href="https://adrinth.com"> Ad via Adrinth </a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { BisectIcon } from '@modrinth/assets'
+
+const props = withDefaults(
+  defineProps<{
+    external: boolean
+    queryParam: string
+  }>(),
+  {
+    external: true,
+    queryParam: '',
+  }
+)
+
+const target = computed(() => (props.external ? '_blank' : '_self'))
+</script>
+
+<style lang="scss" scoped>
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD {
+  position: relative;
+  margin-bottom: var(--gap-md);
+  background: var(--color-ad);
+  border: 1px solid var(--color-ad-raised);
+  border-radius: var(--radius-lg);
+  container-type: inline-size;
+  width: 100%;
+
+  > a {
+    position: absolute;
+    inset: 0;
+  }
+
+  &:has(> a:first-child:active) {
+    scale: 0.99;
+  }
+}
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-0 {
+  font-size: 14px;
+  line-height: 1.3em;
+}
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-1 {
+  color: var(--color-base);
+  padding: 1em;
+  text-align: left;
+}
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-2 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--color-base);
+  margin-right: 7.5rem;
+
+  &:hover {
+    text-decoration: none;
+  }
+}
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-2 b,
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-2 strong {
+  color: var(--color-ad-highlight);
+}
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-3 {
+  padding-top: 1px;
+  height: 1.5rem;
+  width: auto;
+  flex-shrink: 0;
+}
+.GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-4 a {
+  position: absolute;
+  bottom: -1px;
+  right: -1px;
+  text-align: center;
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 0.8em;
+  color: var(--color-ad-contrast);
+  background: var(--color-ad-raised);
+  letter-spacing: 0.1ch;
+  margin: 0;
+  padding: 2px 10px;
+  border-top-left-radius: var(--radius-lg);
+  border-bottom-right-radius: var(--radius-lg);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
+  &:hover {
+    text-decoration: none;
+  }
+}
+@media screen and (max-width: 800px) {
+  .GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-2 {
+    margin-bottom: 0.5rem;
+  }
+  .GBBNWLJVGRHFLYVGSZKSSKNTHFYXHMBD-2 a {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
+</style>