Pizzaorder

Aberwyn/wwwroot/css/pizza.css

@@ -0,0 +1,174 @@
+/* === PIZZERIA-INSPIRERAD STIL === */
+
+.pizza-step {
+    display: none;
+    background-color: #fffaf0;
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+    max-width: 600px;
+    margin: 2rem auto;
+    animation: fadeIn 0.3s ease-in-out;
+}
+
+    .pizza-step.active {
+        display: block;
+    }
+
+    .pizza-step h2,
+    #editTitle {
+        font-family: 'Georgia', serif;
+        font-size: 1.8rem;
+        color: #a00000;
+        margin-bottom: 1rem;
+    }
+
+/* === PIZZA LISTA === */
+
+.pizza-list {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1rem;
+    margin-top: 1rem;
+}
+
+@media (min-width: 600px) {
+    .pizza-list {
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
+.pizza-card {
+    border: 2px solid #f4d5b3;
+    border-radius: 10px;
+    background: #fff8e1;
+    padding: 12px;
+    cursor: pointer;
+    transition: transform 0.2s ease, border-color 0.2s;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
+}
+
+    .pizza-card:hover {
+        border-color: #e63946;
+        transform: scale(1.02);
+        background-color: #fff0dc;
+    }
+
+    .pizza-card h3 {
+        margin: 0;
+        color: #b30000;
+        font-weight: bold;
+    }
+
+    .pizza-card p {
+        font-size: 0.9rem;
+        color: #555;
+        margin-top: 6px;
+    }
+
+/* === INGREDIENSER === */
+
+#ingredientList {
+    list-style: none;
+    padding-left: 0;
+    margin-bottom: 1rem;
+}
+
+    #ingredientList .list-group-item {
+        border: none;
+        border-bottom: 1px dashed #ccc;
+        font-family: 'Segoe UI', sans-serif;
+        font-size: 1rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 6px 0;
+    }
+
+/* === KNAPPAR === */
+
+.btn {
+    font-weight: bold;
+    border-radius: 6px;
+    padding: 8px 16px;
+    font-size: 1rem;
+    font-family: 'Segoe UI', sans-serif;
+    transition: all 0.2s ease-in-out;
+}
+
+.btn-outline-secondary,
+.btn-outline-primary,
+.btn-outline-danger {
+    background-color: transparent;
+}
+
+.btn-outline-secondary {
+    border: 2px solid #6a0dad;
+    color: #6a0dad;
+}
+
+    .btn-outline-secondary:hover {
+        background-color: #6a0dad;
+        color: white;
+    }
+
+.btn-primary,
+.btn-success {
+    background-color: #b30000;
+    border: 2px solid #b30000;
+    color: white;
+}
+
+    .btn-primary:hover,
+    .btn-success:hover {
+        background-color: #cc0000;
+        border-color: #cc0000;
+    }
+
+.btn-success {
+    background-color: #218838;
+    border-color: #218838;
+}
+
+.btn-danger {
+    background-color: #dc3545;
+    border-color: #dc3545;
+}
+
+    .btn-danger:hover {
+        background-color: #c82333;
+        border-color: #bd2130;
+    }
+
+/* === FORM INPUT === */
+
+.input-group input,
+.input-group button {
+    font-size: 1rem;
+}
+
+.input-group button {
+    border-radius: 6px;
+    border: 2px solid #6a0dad;
+    background-color: white;
+    color: #6a0dad;
+}
+
+    .input-group button:hover {
+        background-color: #6a0dad;
+        color: white;
+    }
+
+/* === ANIMATION === */
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}

Aberwyn/wwwroot/service-worker.js

@@ -2,7 +2,6 @@
 const urlsToCache = [
     '/',
     '/css/site.css',
-    '/js/site.js',
     '/images/lewel-icon.png',
     '/manifest.json'
 ];
@@ -15,12 +14,22 @@ self.addEventListener('install', event => {
     );
 });
 
-self.addEventListener('fetch', event => {
+self.addEventListener("fetch", function (event) {
+    const url = new URL(event.request.url);
+
+    // Hoppa över root / om du inte vill cachea den
+    if (url.pathname === "/") {
+        return;
+    }
+
+    // Annars cacha som vanligt
     event.respondWith(
-        caches.match(event.request)
-            .then(response => response || fetch(event.request))
+        caches.match(event.request).then(function (response) {
+            return response || fetch(event.request);
+        })
     );
 });
+
 self.addEventListener('push', function (event) {
     console.log("📨 Push event mottagen!", event);