google search widget

src/assets/scripts/index.js

@@ -1,19 +1,19 @@
 // import "@popperjs/core";
-import bootstrap from 'bootstrap';
+import bootstrap from "bootstrap";
 
-import '../styles/index.scss';
-import './fullcalendar';
-import './masonry';
-import './charts';
-import './popover';
-import './scrollbar';
-import './search';
-import './sidebar';
-import './skycons';
-import './vectorMaps';
-import './chat';
-import './datatable';
-import './datepicker';
-import './email';
-import './googleMaps';
-import './utils';
+import "../styles/index.scss";
+import "./fullcalendar";
+import "./masonry";
+import "./charts";
+import "./popover";
+import "./scrollbar";
+import "./search";
+import "./sidebar";
+import "./skycons";
+import "./vectorMaps";
+import "./chat";
+import "./datatable";
+import "./datepicker";
+import "./email";
+import "./googleMaps";
+import "./utils";

src/assets/scripts/main.js

@@ -0,0 +1,10 @@
+// Google Search
+
+function googleSearch() {
+  var text = document.getElementById("search-text").value;
+  text = text.replaceAll(" ", "+");
+  console.log(text);
+  if (text != undefined && text != null) {
+    window.open("https://www.google.com/search?q=" + text, '_blank');
+  }
+}

src/assets/styles/main.css

@@ -0,0 +1,12 @@
+.search-image-container{
+    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 40%, transparent 95%);
+}
+.google-logo{
+    width: 30%;
+}
+.m-1r{
+    margin: 1rem!important;
+}
+.search-button{
+    width: 200px;
+}