Include flatpickr CSS in our own bundle

This commit is contained in:
Uku Taht 2020-09-10 10:51:14 +03:00
parent 49f153c380
commit 26da5f2218
3 changed files with 1 additions and 2 deletions

View File

@ -1,4 +1,5 @@
import css from "../css/app.css" import css from "../css/app.css"
import "flatpickr/dist/flatpickr.min.css"
import "./polyfills/closest" import "./polyfills/closest"
import 'abortcontroller-polyfill/dist/polyfill-patch-fetch' import 'abortcontroller-polyfill/dist/polyfill-patch-fetch'
import "phoenix_html" import "phoenix_html"

View File

@ -127,7 +127,6 @@ class DatePicker extends React.Component {
} }
renderDropDown() { renderDropDown() {
console.log(this.state)
return ( return (
<div className="relative" style={{height: '35.5px', width: '190px'}} ref={node => this.dropDownNode = node}> <div className="relative" style={{height: '35.5px', width: '190px'}} ref={node => this.dropDownNode = node}>
<div onClick={this.open.bind(this)} className="flex items-center justify-between rounded bg-white shadow px-4 pr-3 py-2 leading-tight cursor-pointer text-sm font-medium text-gray-800 h-full"> <div onClick={this.open.bind(this)} className="flex items-center justify-between rounded bg-white shadow px-4 pr-3 py-2 leading-tight cursor-pointer text-sm font-medium text-gray-800 h-full">

View File

@ -9,7 +9,6 @@
<link rel="apple-touch-icon" href="/images/icon/apple-touch-icon.png"> <link rel="apple-touch-icon" href="/images/icon/apple-touch-icon.png">
<title><%= assigns[:title] || "Plausible · Simple, privacy-friendly alternative to Google Analytics" %></title> <title><%= assigns[:title] || "Plausible · Simple, privacy-friendly alternative to Google Analytics" %></title>
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/> <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.3/flatpickr.min.css">
<%= render("_tracking.html", assigns) %> <%= render("_tracking.html", assigns) %>
</head> </head>
<body class="flex flex-col h-full bg-gray-50"> <body class="flex flex-col h-full bg-gray-50">