fix(templates): fix title and don't use css variables

This commit is contained in:
Sébastien Chopin 2022-03-30 17:35:07 +02:00
parent 45edb71dae
commit e8dfb4185e

View File

@ -1,14 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>{{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }}</title> <title>{{ messages.title }}</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport"/> <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport"/>
<script type="module" src="/styles.ts"></script> <script type="module" src="/styles.ts"></script>
<style> <style>
:root {
--gradient-color: linear-gradient(90deg, #0047E1 0%, #34CDFE 50%, #00DC82 99.48%);
}
.spotlight { .spotlight {
z-index: -1; z-index: -1;
background: linear-gradient(45deg, #00DC82 0%, #36E4DA 50%, #0047E1 100%); background: linear-gradient(45deg, #00DC82 0%, #36E4DA 50%, #0047E1 100%);
@ -25,7 +22,7 @@
left: -2px; left: -2px;
right: -2px; right: -2px;
bottom: -2px; bottom: -2px;
background: var(--gradient-color); background: linear-gradient(90deg, #0047E1 0%, #34CDFE 50%, #00DC82 100%);
z-index: -1; z-index: -1;
border-radius: 0.5rem; border-radius: 0.5rem;
transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;