added new link to the iframes of preview windows for getting icons

ihorvasiuta · Jul 22, 2024 · b1e5114 · b1e5114
1 parent 745df2c
commit b1e5114
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/src/components/ui/preview/preview.tsx b/src/components/ui/preview/preview.tsx
@@ -154,6 +154,7 @@ const RenderPreview: React.FC<PreviewProps> = ({ codes }) => {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.min.css">
 <style>
       ::-webkit-scrollbar {
         width: 5px;

diff --git a/src/components/ui/preview/preview_phone.css b/src/components/ui/preview/preview_phone.css
@@ -3,6 +3,7 @@ body {
   height: 100%;
 }
 .iphone {
+  overflow: hidden;
   border: 7px solid black;
   border-radius: 37px;
   width: 270px;
@@ -14,11 +15,9 @@ body {
 .iphone_inner {
   width: 100%;
   height: 100%;
-  border-radius: 37px;
   position: relative;
   box-shadow: 0px 20px 15px #33333335;
   background-color: rgb(255, 255, 255);
-  overflow: hidden;
 }
 .notch {
   z-index: 50;
@@ -57,10 +56,6 @@ body {
   background: #333;
   border-radius: 0.2rem;
 }
-.iframe_window {
-  border-bottom-right-radius: 37px;
-  border-bottom-left-radius: 37px;
-}
 .status_bar {
   display: flex;
   align-items: center;

diff --git a/src/components/ui/preview/preview_phone.tsx b/src/components/ui/preview/preview_phone.tsx
@@ -87,6 +87,7 @@ const RenderPreviewPhone: React.FC<PreviewProps> = ({ codes }) => {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.min.css">
     <style>
     ::-webkit-scrollbar {
         width: 5px;