From 40ea1910c75bd960de40409fec4153b693d9e7fc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20B=C3=B6hm?= Date: Wed, 31 Jul 2024 15:52:56 +0200 Subject: [PATCH] First layout work Based on: https://www.youtube.com/watch?v=Y7i4ygh1wYw --- app/assets/images/person.svg | 1 + app/assets/images/print.svg | 1 + app/views/layouts/application.html.erb | 24 ++++++++++++++++++++++-- config/tailwind.config.js | 22 +++++++++++----------- 4 files changed, 35 insertions(+), 13 deletions(-) create mode 100644 app/assets/images/person.svg create mode 100644 app/assets/images/print.svg diff --git a/app/assets/images/person.svg b/app/assets/images/person.svg new file mode 100644 index 0000000..73b6da6 --- /dev/null +++ b/app/assets/images/person.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/images/print.svg b/app/assets/images/print.svg new file mode 100644 index 0000000..1971557 --- /dev/null +++ b/app/assets/images/print.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 8c8773f..189a32b 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -6,14 +6,34 @@ <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %> - <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %> <%= javascript_importmap_tags %> - +
+ Plottservice + + +
<%= yield %>
+ diff --git a/config/tailwind.config.js b/config/tailwind.config.js index d6ad82c..09b0f40 100644 --- a/config/tailwind.config.js +++ b/config/tailwind.config.js @@ -1,22 +1,22 @@ -const defaultTheme = require('tailwindcss/defaultTheme') +const defaultTheme = require("tailwindcss/defaultTheme"); module.exports = { content: [ - './public/*.html', - './app/helpers/**/*.rb', - './app/javascript/**/*.js', - './app/views/**/*.{erb,haml,html,slim}' + "./public/*.html", + "./app/helpers/**/*.rb", + "./app/javascript/**/*.js", + "./app/views/**/*.{erb,haml,html,slim}", ], theme: { extend: { fontFamily: { - sans: ['Inter var', ...defaultTheme.fontFamily.sans], + sans: ["Inter var", ...defaultTheme.fontFamily.sans], }, }, }, plugins: [ - require('@tailwindcss/forms'), - require('@tailwindcss/typography'), - require('@tailwindcss/container-queries'), - ] -} + require("@tailwindcss/forms"), + require("@tailwindcss/typography"), + require("@tailwindcss/container-queries"), + ], +};