print styles

This commit is contained in:
Inhji 2023-07-27 22:20:48 +02:00
parent a1ca584ea4
commit 3e9a06aa1e
2 changed files with 5 additions and 5 deletions

View file

@ -35,10 +35,10 @@
</style> </style>
</head> </head>
<body class="text-theme-base bg-theme-background | h-feed hfeed"> <body class="text-theme-base bg-theme-background | h-feed hfeed">
<aside class="block"> <aside class="block print:hidden">
<%= raw(@settings.custom_html) %> <%= raw(@settings.custom_html) %>
</aside> </aside>
<header class="my-8 block px-3"> <header class="my-8 block px-3 print:hidden">
<nav class="mx-auto max-w-2xl"> <nav class="mx-auto max-w-2xl">
<ul class="flex gap-3"> <ul class="flex gap-3">
<li> <li>
@ -75,7 +75,7 @@
<%= @inner_content %> <%= @inner_content %>
</main> </main>
<footer class="max-w-full mt-8 p-8 text-theme-base/75 bg-theme-background1"> <footer class="max-w-full mt-8 p-8 text-theme-base/75 bg-theme-background1 print:hidden">
<section class="max-w-2xl mx-auto flex gap-3"> <section class="max-w-2xl mx-auto flex gap-3">
<div class="flex-1"> <div class="flex-1">
<h2 class="font-bold tracking-wider">Info</h2> <h2 class="font-bold tracking-wider">Info</h2>

View file

@ -4,7 +4,7 @@
</.header> </.header>
<%= if @current_user do %> <%= if @current_user do %>
<section class="max-w-2xl mx-auto mt-8"> <section class="max-w-2xl mx-auto mt-8 print:hidden">
<ul class="flex gap-3"> <ul class="flex gap-3">
<li> <li>
<a href={~p"/admin/notes/#{@note}/edit"} class="button"> <a href={~p"/admin/notes/#{@note}/edit"} class="button">
@ -21,7 +21,7 @@
</aside> </aside>
<%= if has_outline?(@note) do %> <%= if has_outline?(@note) do %>
<aside class="max-w-2xl mx-auto mt-8 prose prose-gruvbox"> <aside class="max-w-2xl mx-auto mt-8 prose prose-gruvbox print:hidden">
<div class="bg-theme-background1 rounded p-2"> <div class="bg-theme-background1 rounded p-2">
<%= raw(render_outline(@note)) %> <%= raw(render_outline(@note)) %>
</div> </div>