Hugging Face's logo

Spaces:
enzostvs
/
deepsite
Running

App Files Community
536
enzostvs HF Staff commited on
Commit
6d75aa7
·
1 Parent(s): 7d7bf7e

vh to dvh

Browse files
Files changed (3) hide show
  1. components/editor/file-browser/index.tsx +1 -1
  2. lib/prompts.ts +1 -1
  3. lib/templates.ts +6 -6
components/editor/file-browser/index.tsx CHANGED
@@ -412,7 +412,7 @@ export function FileBrowser() {
412
 
413
  <div
414
  className="py-1 overflow-y-auto"
415
- style={{ height: "calc(100vh - 160px)" }}
416
  >
417
  {fileTree.children && renderFileTree(fileTree.children)}
418
  </div>
 
412
 
413
  <div
414
  className="py-1 overflow-y-auto"
415
+ style={{ height: "calc(100dvh - 160px)" }}
416
  >
417
  {fileTree.children && renderFileTree(fileTree.children)}
418
  </div>
lib/prompts.ts CHANGED
@@ -334,7 +334,7 @@ class CustomSidebar extends HTMLElement {
334
  width: 250px;
335
  background: #f7fafc;
336
  padding: 1rem;
337
- height: 100vh;
338
  position: fixed;
339
  left: 0;
340
  top: 0;
 
334
  width: 250px;
335
  background: #f7fafc;
336
  padding: 1rem;
337
+ height: 100dvh;
338
  position: fixed;
339
  left: 0;
340
  top: 0;
lib/templates.ts CHANGED
@@ -1779,7 +1779,7 @@ const template4 = `
1779
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
1780
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
1781
  </head>
1782
- <body class="tw-flex tw-min-h-[100vh] tw-flex-col tw-bg-[#fff] tw-font-mono" style="">
1783
  <header class="tw-absolute tw-top-0 tw-z-20 tw-flex tw-h-[60px] tw-w-full tw-bg-opacity-0 tw-px-[5%] max-lg:tw-mr-auto max-lg:tw-px-4 lg:tw-justify-around">
1784
  <a class="tw-h-[50px] tw-p-[4px] tw-text-2xl tw-font-medium" href="">
1785
  Jamie
@@ -1803,8 +1803,8 @@ const template4 = `
1803
  <button class="bi bi-list tw-absolute tw-right-3 tw-top-3 tw-z-50 tw-text-3xl tw-text-black lg:tw-hidden" onclick="toggleHeader()" aria-label="menu" id="collapse-btn"></button>
1804
  </header>
1805
 
1806
- <section class="tw-relative tw-flex tw-min-h-[100vh] tw-w-full tw-max-w-[100vw] tw-flex-col tw-overflow-hidden max-lg:tw-p-4 max-md:tw-mt-[50px]">
1807
- <div class="tw-flex tw-h-full tw-min-h-[100vh] tw-w-full tw-place-content-center tw-gap-6 tw-p-[5%] max-xl:tw-place-items-center max-lg:tw-flex-col">
1808
  <div class="tw-flex tw-flex-col tw-place-content-center">
1809
  <div class="tw-flex tw-flex-wrap tw-text-7xl tw-font-semibold tw-uppercase tw-leading-[85px] max-lg:tw-text-4xl max-md:tw-leading-snug">
1810
  <span class="reveal-hero-text tw-bg-green-200 tw-p-1 tw-px-6" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
@@ -1838,7 +1838,7 @@ const template4 = `
1838
  </div>
1839
  </section>
1840
 
1841
- <section class="tw-relative tw-flex tw-min-h-[100vh] tw-w-full tw-max-w-[100vw] tw-flex-col tw-place-items-center tw-overflow-hidden tw-p-6 tw-py-5">
1842
  <h3 class="reveal-up tw-text-6xl tw-font-medium max-lg:tw-text-3xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
1843
  Past works
1844
  </h3>
@@ -1964,7 +1964,7 @@ const template4 = `
1964
  </div>
1965
  </section>
1966
 
1967
- <section class="tw-relative tw-mt-10 tw-flex tw-min-h-[100vh] tw-w-full tw-max-w-[100vw] tw-flex-col tw-place-content-center tw-place-items-center lg:tw-p-6">
1968
  <div class="tw-flex tw-h-full tw-w-full tw-justify-around tw-gap-8 tw-rounded-xl tw-bg-[#e7e6e685] tw-p-4 max-lg:tw-max-w-full max-lg:tw-flex-col">
1969
  <div class="reveal-up tw-flex tw-h-full tw-w-[50%] tw-place-content-center max-lg:tw-w-full lg:tw-sticky lg:tw-top-[20%]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
1970
  <h3 class="tw-text-center tw-text-6xl tw-font-medium max-lg:tw-text-3xl">
@@ -2065,7 +2065,7 @@ const template4 = `
2065
  </div>
2066
  </section>
2067
 
2068
- <section class="tw-relative tw-flex tw-min-h-[80vh] tw-w-full tw-max-w-[100vw] tw-flex-col tw-place-content-center tw-place-items-center tw-overflow-hidden tw-p-6" id="">
2069
  <div class="tw-mt-8 tw-flex tw-flex-col tw-place-items-center tw-gap-5">
2070
  <div class="reveal-up tw-mt-5 tw-flex tw-flex-col tw-gap-3 tw-text-center" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
2071
  <h2 class="tw-text-4xl tw-font-semibold">
 
1779
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
1780
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
1781
  </head>
1782
+ <body class="tw-flex tw-min-h-[100dvh] tw-flex-col tw-bg-[#fff] tw-font-mono" style="">
1783
  <header class="tw-absolute tw-top-0 tw-z-20 tw-flex tw-h-[60px] tw-w-full tw-bg-opacity-0 tw-px-[5%] max-lg:tw-mr-auto max-lg:tw-px-4 lg:tw-justify-around">
1784
  <a class="tw-h-[50px] tw-p-[4px] tw-text-2xl tw-font-medium" href="">
1785
  Jamie
 
1803
  <button class="bi bi-list tw-absolute tw-right-3 tw-top-3 tw-z-50 tw-text-3xl tw-text-black lg:tw-hidden" onclick="toggleHeader()" aria-label="menu" id="collapse-btn"></button>
1804
  </header>
1805
 
1806
+ <section class="tw-relative tw-flex tw-min-h-[100dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-overflow-hidden max-lg:tw-p-4 max-md:tw-mt-[50px]">
1807
+ <div class="tw-flex tw-h-full tw-min-h-[100dvh] tw-w-full tw-place-content-center tw-gap-6 tw-p-[5%] max-xl:tw-place-items-center max-lg:tw-flex-col">
1808
  <div class="tw-flex tw-flex-col tw-place-content-center">
1809
  <div class="tw-flex tw-flex-wrap tw-text-7xl tw-font-semibold tw-uppercase tw-leading-[85px] max-lg:tw-text-4xl max-md:tw-leading-snug">
1810
  <span class="reveal-hero-text tw-bg-green-200 tw-p-1 tw-px-6" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
 
1838
  </div>
1839
  </section>
1840
 
1841
+ <section class="tw-relative tw-flex tw-min-h-[100dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-place-items-center tw-overflow-hidden tw-p-6 tw-py-5">
1842
  <h3 class="reveal-up tw-text-6xl tw-font-medium max-lg:tw-text-3xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
1843
  Past works
1844
  </h3>
 
1964
  </div>
1965
  </section>
1966
 
1967
+ <section class="tw-relative tw-mt-10 tw-flex tw-min-h-[100dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-place-content-center tw-place-items-center lg:tw-p-6">
1968
  <div class="tw-flex tw-h-full tw-w-full tw-justify-around tw-gap-8 tw-rounded-xl tw-bg-[#e7e6e685] tw-p-4 max-lg:tw-max-w-full max-lg:tw-flex-col">
1969
  <div class="reveal-up tw-flex tw-h-full tw-w-[50%] tw-place-content-center max-lg:tw-w-full lg:tw-sticky lg:tw-top-[20%]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
1970
  <h3 class="tw-text-center tw-text-6xl tw-font-medium max-lg:tw-text-3xl">
 
2065
  </div>
2066
  </section>
2067
 
2068
+ <section class="tw-relative tw-flex tw-min-h-[80dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-place-content-center tw-place-items-center tw-overflow-hidden tw-p-6" id="">
2069
  <div class="tw-mt-8 tw-flex tw-flex-col tw-place-items-center tw-gap-5">
2070
  <div class="reveal-up tw-mt-5 tw-flex tw-flex-col tw-gap-3 tw-text-center" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
2071
  <h2 class="tw-text-4xl tw-font-semibold">