Add CSS file and fix datepicker display error

This commit is contained in:
Muyao CHEN 2024-06-29 17:50:33 +02:00
parent 310f61539c
commit b3eb96845a
8 changed files with 19 additions and 45 deletions

View File

@ -7,12 +7,7 @@
<title>About</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<style>
.room-image {
max-width: 50%;
}
</style>
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -7,12 +7,7 @@
<title>Contact</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<style>
.room-image {
max-width: 50%;
}
</style>
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -7,12 +7,7 @@
<title>General's Quarters</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<style>
.room-image {
max-width: 50%;
}
</style>
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -7,7 +7,7 @@
<title>My hotel project</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -7,12 +7,7 @@
<title>Major's Suite</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<style>
.room-image {
max-width: 50%;
}
</style>
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -7,12 +7,7 @@
<title>Contact</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<style>
.room-image {
max-width: 50%;
}
</style>
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -10,20 +10,7 @@
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.3.4/dist/css/datepicker-bulma.min.css">
<link rel="stylesheet" type="text/css" href="https://unpkg.com/notie/dist/notie.min.css">
<link href="css/style.css" rel="stylesheet">
<style>
.room-image {
max-width: 50%;
}
.notie-container {
box-shadow: none;
}
.datepicker {
z-index: 10000;
}
</style>
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>

12
static/css/style.css Normal file
View File

@ -0,0 +1,12 @@
.room-image {
max-width: 50%;
}
.notie-container {
box-shadow: none;
}
.swal2-actions {
z-index: auto;
/* This is to fix the bug that datepicker shows under the buttons */
}