icons and logos
Mateusz Gruszczyński
@@ -2586,7 +2586,7 @@ dialog::backdrop {
|
||||
}
|
||||
|
||||
.hide-preview-line-numbers .preview {
|
||||
padding-left: 24px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.hide-preview-line-numbers .preview-source-line::before {
|
||||
@@ -6148,4 +6148,54 @@ dialog::backdrop {
|
||||
|
||||
.pad-page .participant-badges:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/* Unified RustPad resource identity used by notes and workspaces. */
|
||||
.resource-brand {
|
||||
display: grid;
|
||||
flex: 0 0 auto;
|
||||
gap: 2px;
|
||||
min-width: 82px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.resource-brand__logo {
|
||||
display: inline-block;
|
||||
width: fit-content;
|
||||
font-size: .78rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: -.02em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.resource-brand__kind {
|
||||
width: fit-content;
|
||||
padding-left: 0;
|
||||
color: var(--text-heading);
|
||||
font-size: .72rem;
|
||||
font-weight: 650;
|
||||
letter-spacing: .01em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.resource-brand__kind:hover,
|
||||
.resource-brand__kind:focus-visible,
|
||||
.resource-brand__logo:hover,
|
||||
.resource-brand__logo:focus-visible {
|
||||
color: var(--link-hover);
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.resource-brand {
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
.resource-brand__logo {
|
||||
font-size: .72rem;
|
||||
}
|
||||
|
||||
.resource-brand__kind {
|
||||
padding-left: 0;
|
||||
font-size: .68rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,8 +14,12 @@
|
||||
|
||||
<body class="pad-page" data-resource-kind="__RESOURCE_KIND__" data-registration-enabled="__REGISTRATION_ENABLED__">
|
||||
<header class="app-header">
|
||||
<div class="app-header__main"><a id="resource-parent-link" class="brand __PARENT_CLASS__"
|
||||
href="__PARENT_URL__">__PARENT_TITLE__</a><span class="header-divider"></span>
|
||||
<div class="app-header__main">
|
||||
<div class="resource-brand" aria-label="RustPad __RESOURCE_LABEL__">
|
||||
<a class="resource-brand__logo home-brand" href="/" aria-label="RustPad home">RustPad</a>
|
||||
<a id="resource-parent-link" class="resource-brand__kind __PARENT_CLASS__" href="__PARENT_URL__">__RESOURCE_LABEL__</a>
|
||||
</div>
|
||||
<span class="header-divider"></span>
|
||||
<div id="document-link-copy" class="document-heading document-heading--copy" role="button" tabindex="0"
|
||||
title="Copy this link" aria-label="Copy this link">
|
||||
<h1 id="document-title">__DOCUMENT_TITLE__</h1>
|
||||
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 321 B |
|
After Width: | Height: | Size: 3.9 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
||||
<defs>
|
||||
<linearGradient id="g" x1="10" y1="8" x2="54" y2="58" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#f0aa74"/>
|
||||
<stop offset=".55" stop-color="#cf633d"/>
|
||||
<stop offset="1" stop-color="#8f3827"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="4" y="4" width="56" height="56" rx="15" fill="#11141a"/>
|
||||
<path d="M19 16h17.5C44 16 49 20.4 49 27c0 4.7-2.6 8.2-7 9.9L51 48H39.5l-7.3-9.5H29V48H19V16Zm10 8v7h6.5c2.3 0 3.5-1.2 3.5-3.5S37.8 24 35.5 24H29Z" fill="url(#g)"/>
|
||||
<rect x="4.75" y="4.75" width="54.5" height="54.5" rx="14.25" fill="none" stroke="#ffffff" stroke-opacity=".12" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 698 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 321 B |
|
After Width: | Height: | Size: 3.9 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
||||
<defs>
|
||||
<linearGradient id="g" x1="10" y1="8" x2="54" y2="58" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#f0aa74"/>
|
||||
<stop offset=".55" stop-color="#cf633d"/>
|
||||
<stop offset="1" stop-color="#8f3827"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="4" y="4" width="56" height="56" rx="15" fill="#11141a"/>
|
||||
<path d="M19 16h17.5C44 16 49 20.4 49 27c0 4.7-2.6 8.2-7 9.9L51 48H39.5l-7.3-9.5H29V48H19V16Zm10 8v7h6.5c2.3 0 3.5-1.2 3.5-3.5S37.8 24 35.5 24H29Z" fill="url(#g)"/>
|
||||
<rect x="4.75" y="4.75" width="54.5" height="54.5" rx="14.25" fill="none" stroke="#ffffff" stroke-opacity=".12" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 698 B |
@@ -14,8 +14,12 @@
|
||||
|
||||
<body data-registration-enabled="__REGISTRATION_ENABLED__">
|
||||
<header class="app-header">
|
||||
<div class="app-header__main"><a class="brand home-brand" href="/">RustPad</a><span
|
||||
class="header-divider"></span>
|
||||
<div class="app-header__main">
|
||||
<div class="resource-brand" aria-label="RustPad Workspace">
|
||||
<a class="resource-brand__logo home-brand" href="/" aria-label="RustPad home">RustPad</a>
|
||||
<span class="resource-brand__kind">Workspace</span>
|
||||
</div>
|
||||
<span class="header-divider"></span>
|
||||
<div class="document-heading">
|
||||
<h1 id="workspace-title">__WORKSPACE_TITLE__</h1>
|
||||
<p id="workspace-url" class="document-url"></p>
|
||||
|
||||