use whitenoise

2025-12-03 13:10:39 -05:00
parent 28336aa268
commit c12aedeb20
7 changed files with 267 additions and 247 deletions
--- a/templates/test_iframe.html
+++ b/templates/test_iframe.html
@@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="en">

@@ -5,129 +6,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Iframe Test - Quote Upload</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: Arial, sans-serif;
-            background: #f5f5f5;
-            padding: 20px;
-        }
-
-        .test-container {
-            max-width: 1200px;
-            margin: 0 auto;
-        }
-
-        h1 {
-            color: #333;
-            margin-bottom: 10px;
-        }
-
-        .test-info {
-            background: #e3f2fd;
-            border-left: 4px solid #2196f3;
-            padding: 15px;
-            margin-bottom: 20px;
-            border-radius: 4px;
-        }
-
-        .test-info p {
-            margin: 5px 0;
-            color: #1976d2;
-        }
-
-        .iframe-wrapper {
-            background: white;
-            border: 2px solid #ddd;
-            border-radius: 8px;
-            padding: 10px;
-            margin-bottom: 30px;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-
-        .iframe-wrapper h2 {
-            margin-bottom: 10px;
-            color: #555;
-            font-size: 18px;
-        }
-
-        .iframe-container {
-            width: 100%;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-            overflow: hidden;
-            background: white;
-        }
-
-        iframe {
-            width: 100%;
-            border: none;
-            display: block;
-        }
-
-        .size-controls {
-            margin-top: 10px;
-            padding: 10px;
-            background: #f9f9f9;
-            border-radius: 4px;
-        }
-
-        .size-controls label {
-            margin-right: 15px;
-            color: #666;
-        }
-
-        .size-controls input[type="number"] {
-            width: 80px;
-            padding: 5px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-            margin: 0 5px;
-        }
-
-        .size-presets {
-            margin-top: 10px;
-        }
-
-        .size-presets button {
-            padding: 5px 15px;
-            margin-right: 10px;
-            background: #2196f3;
-            color: white;
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
-            font-size: 12px;
-        }
-
-        .size-presets button:hover {
-            background: #1976d2;
-        }
-
-        .full-width {
-            width: 100%;
-        }
-
-        .mobile {
-            max-width: 375px;
-            margin: 0 auto;
-        }
-
-        .tablet {
-            max-width: 768px;
-            margin: 0 auto;
-        }
-
-        .desktop {
-            max-width: 1024px;
-            margin: 0 auto;
-        }
-    </style>
+    <link rel="stylesheet" href="{% static 'css/test_iframe.css' %}">
 </head>

 <body>