Spaces:

baranayek
/

linkcraft-pro

Running

App Files Files Community

baranayek commited on Sep 28

Commit

d26cc0c

verified ·

1 Parent(s): 56f560f

i want you to hide this scroll sidebar , it must not show on our ui

Browse files

Files changed (4) hide show

card-selector.html +6 -3
favorites-card.html +6 -3
index.html +6 -3
training-card.html +6 -3

card-selector.html CHANGED Viewed

@@ -6,8 +6,11 @@
     <title>Select Card</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
@@ -28,7 +31,7 @@
 </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">

     <title>Select Card</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
+        <style>
+            .glass-card::-webkit-scrollbar {
+                display: none;
+            }
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
 </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; -ms-overflow-style: none; scrollbar-width: none;">
 <h1 class="text-2xl font-bold mb-6 gradient-text">Select Card Type</h1>
             <div class="grid grid-cols-2 gap-4">

favorites-card.html CHANGED Viewed

@@ -6,8 +6,11 @@
     <title>Favorite Things</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
@@ -34,7 +37,7 @@
 </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>

     <title>Favorite Things</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
+        <style>
+            .glass-card::-webkit-scrollbar {
+                display: none;
+            }
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
 </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; -ms-overflow-style: none; scrollbar-width: none;">
 <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>

index.html CHANGED Viewed

@@ -8,8 +8,11 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
@@ -129,7 +132,7 @@
 <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>

     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+        <style>
+            #profileCard::-webkit-scrollbar {
+                display: none;
+            }
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
 <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; -ms-overflow-style: none; scrollbar-width: none;" 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>

training-card.html CHANGED Viewed

@@ -6,8 +6,11 @@
     <title>Training Card</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
@@ -36,7 +39,7 @@
 </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>

     <title>Training Card</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
+        <style>
+            .glass-card::-webkit-scrollbar {
+                display: none;
+            }
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
 </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; -ms-overflow-style: none; scrollbar-width: none;">
 <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>