diff --git a/src/content/Backgrounds/GridMotion/GridMotion.vue b/src/content/Backgrounds/GridMotion/GridMotion.vue index ec6bf4f..3adda46 100644 --- a/src/content/Backgrounds/GridMotion/GridMotion.vue +++ b/src/content/Backgrounds/GridMotion/GridMotion.vue @@ -16,7 +16,7 @@ const gridRef = ref(null); const rowRefs = ref([]); const mouseX = ref(window.innerWidth / 2); -const totalItems = 70; +const totalItems = 150; const combinedItems = computed(() => { if (props.items.length === 0) { return []; @@ -87,35 +87,35 @@ onMounted(() => {
- {{ combinedItems[(rowIndex - 1) * 7 + (itemIndex - 1)] }} + {{ combinedItems[(rowIndex - 1) * 15 + (itemIndex - 1)] }}
diff --git a/src/css/sidebar.css b/src/css/sidebar.css index 36080fd..ebae181 100644 --- a/src/css/sidebar.css +++ b/src/css/sidebar.css @@ -374,30 +374,6 @@ border: 1px solid #333; } -.cta-button-docs { - font-weight: 500; - font-size: 12px; - padding: 0 0 0 1rem; - height: 40px; - background: linear-gradient(135deg, rgb(30, 160, 63), rgba(24, 47, 255, 0.6)); - background-size: 200% 200%; - backdrop-filter: blur(25px); - -webkit-backdrop-filter: blur(25px); - border: 1px solid rgba(255, 255, 255, 0.07); - color: #fff; - border-radius: 50px; - cursor: pointer; - display: flex; - align-items: center; - white-space: nowrap; - justify-content: space-between; - transition: 0.3s ease; -} - -.cta-button-docs:hover { - transform: scale(0.98); -} - .star-count { background-color: #0b0b0b; margin-left: 1em;