Spaces:

baranayek
/

linkcraft-pro

Running

baranayek commited on Sep 28, 2025

Commit

56f560f

verified ·

1 Parent(s): 1bb6eca

make card profile page scrollable from inside so no element can go out of this block, this block is scrollable from inside , but the page , the full page stay static, you must treat this selected block as a mobile screen and we will add our design and ui on that mobile screen so when no space in down user must scroll down

Files changed (4) hide show

card-selector.html CHANGED Viewed

@@ -28,8 +28,8 @@
 </head>
 <body class="bg-gray-900 text-white min-h-screen">
     <div class="min-h-screen w-full flex items-center justify-center px-4 relative">
-        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh;">
-            <h1 class="text-2xl font-bold mb-6 gradient-text">Select Card Type</h1>
             <div class="grid grid-cols-2 gap-4">
                 <a href="index.html" class="card-option p-4 border border-gray-700 rounded-lg cursor-pointer hover:bg-indigo-900/30 transition">

 </head>
 <body class="bg-gray-900 text-white min-h-screen">
     <div class="min-h-screen w-full flex items-center justify-center px-4 relative">
+        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh; overflow-y: auto;">
+<h1 class="text-2xl font-bold mb-6 gradient-text">Select Card Type</h1>
             <div class="grid grid-cols-2 gap-4">
                 <a href="index.html" class="card-option p-4 border border-gray-700 rounded-lg cursor-pointer hover:bg-indigo-900/30 transition">

favorites-card.html CHANGED Viewed

@@ -34,8 +34,8 @@
 </head>
 <body class="bg-gray-900 text-white min-h-screen">
     <div class="min-h-screen w-full flex items-center justify-center px-4 relative">
-        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh;">
-            <div class="flex flex-col justify-center h-full">
                 <h1 class="text-2xl font-bold mb-6 flex items-center justify-center">
                     <i data-feather="heart" class="w-6 h-6 mr-2"></i>
                     Favorite Things

 </head>
 <body class="bg-gray-900 text-white min-h-screen">
     <div class="min-h-screen w-full flex items-center justify-center px-4 relative">
+        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh; overflow-y: auto;">
+<div class="flex flex-col justify-center h-full">
                 <h1 class="text-2xl font-bold mb-6 flex items-center justify-center">
                     <i data-feather="heart" class="w-6 h-6 mr-2"></i>
                     Favorite Things

index.html CHANGED Viewed

@@ -129,8 +129,8 @@
 <body class="bg-gray-900 text-white min-h-screen">
 <!-- Profile Section -->
     <div id="vanta-bg" class="min-h-screen w-full flex items-center justify-center px-4 relative">
-        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh;" id="profileCard">
-            <!-- Navigation Arrows -->
             <button id="prevCard" class="absolute left-2 top-1/2 transform -translate-y-1/2 bg-gray-800/50 hover:bg-gray-700/50 rounded-full p-2 z-50">
                 <i data-feather="chevron-left" class="w-5 h-5"></i>
             </button>

 <body class="bg-gray-900 text-white min-h-screen">
 <!-- Profile Section -->
     <div id="vanta-bg" class="min-h-screen w-full flex items-center justify-center px-4 relative">
+        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh; overflow-y: auto;" id="profileCard">
+<!-- Navigation Arrows -->
             <button id="prevCard" class="absolute left-2 top-1/2 transform -translate-y-1/2 bg-gray-800/50 hover:bg-gray-700/50 rounded-full p-2 z-50">
                 <i data-feather="chevron-left" class="w-5 h-5"></i>
             </button>

training-card.html CHANGED Viewed

@@ -36,8 +36,8 @@
 </head>
 <body class="bg-gray-900 text-white min-h-screen">
     <div class="min-h-screen w-full flex items-center justify-center px-4 relative">
-        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh;">
-            <div class="flex flex-col justify-center h-full">
                 <h1 class="text-2xl font-bold mb-6 flex items-center justify-center">
                     <i data-feather="award" class="w-6 h-6 mr-2"></i>
                     Training Commands

 </head>
 <body class="bg-gray-900 text-white min-h-screen">
     <div class="min-h-screen w-full flex items-center justify-center px-4 relative">
+        <div class="glass-card p-6 w-full max-w-md mx-auto text-center relative" style="aspect-ratio: 9/19; max-height: 95vh; overflow-y: auto;">
+<div class="flex flex-col justify-center h-full">
                 <h1 class="text-2xl font-bold mb-6 flex items-center justify-center">
                     <i data-feather="award" class="w-6 h-6 mr-2"></i>
                     Training Commands