diff --git a/src/OAP/Oap.Theme/Oap.Theme.csproj b/src/OAP/Oap.Theme/Oap.Theme.csproj index 813bbd4..8613a58 100644 --- a/src/OAP/Oap.Theme/Oap.Theme.csproj +++ b/src/OAP/Oap.Theme/Oap.Theme.csproj @@ -18,6 +18,7 @@ + diff --git a/src/OAP/Oap.Theme/Views/Content-OapApplicationFormStep.cshtml b/src/OAP/Oap.Theme/Views/Content-OapApplicationFormStep.cshtml new file mode 100644 index 0000000..75dea36 --- /dev/null +++ b/src/OAP/Oap.Theme/Views/Content-OapApplicationFormStep.cshtml @@ -0,0 +1,10 @@ +

+ @Model.Header.TitlePart.Title +

+ +
+ + +
\ No newline at end of file diff --git a/src/OAP/Oap.Theme/Views/Layout.cshtml b/src/OAP/Oap.Theme/Views/Layout.cshtml index 29d8458..0dff5b6 100644 --- a/src/OAP/Oap.Theme/Views/Layout.cshtml +++ b/src/OAP/Oap.Theme/Views/Layout.cshtml @@ -27,10 +27,13 @@ @await RenderSectionAsync("Header", required: false) - @await RenderBodyAsync() +
+ @await RenderBodyAsync() +
@await RenderSectionAsync("Footer", required: false) + diff --git a/src/OAP/Oap.Theme/Views/Menu-ApplicationStepsMenu.cshtml b/src/OAP/Oap.Theme/Views/Menu-ApplicationStepsMenu.cshtml new file mode 100644 index 0000000..eff20f0 --- /dev/null +++ b/src/OAP/Oap.Theme/Views/Menu-ApplicationStepsMenu.cshtml @@ -0,0 +1,8 @@ + diff --git a/src/OAP/Oap.Theme/Views/MenuItem-ApplicationStepsMenu.cshtml b/src/OAP/Oap.Theme/Views/MenuItem-ApplicationStepsMenu.cshtml new file mode 100644 index 0000000..21323f9 --- /dev/null +++ b/src/OAP/Oap.Theme/Views/MenuItem-ApplicationStepsMenu.cshtml @@ -0,0 +1,6 @@ +@{ + Model.Metadata.Type = "MenuItemLink"; +} +
  • + @await DisplayAsync(Model) +
    • \ No newline at end of file diff --git a/src/OAP/Oap.Theme/Views/_ViewImports.cshtml b/src/OAP/Oap.Theme/Views/_ViewImports.cshtml index 3f71228..a064798 100644 --- a/src/OAP/Oap.Theme/Views/_ViewImports.cshtml +++ b/src/OAP/Oap.Theme/Views/_ViewImports.cshtml @@ -11,3 +11,4 @@ @using Microsoft.Extensions.Options @using OrchardCore.ContentManagement @using OrchardCore.ContentManagement.Routing +@using OrchardCore.Menu.Models diff --git a/src/OAP/Oap.Theme/package.json b/src/OAP/Oap.Theme/package.json index 42dd8a8..cb51ac9 100644 --- a/src/OAP/Oap.Theme/package.json +++ b/src/OAP/Oap.Theme/package.json @@ -3,7 +3,8 @@ "name": "tailwindtheme", "private": true, "scripts": { - "build": "webpack" + "build": "webpack", + "watch": "webpack --watch" }, "browserslist": "> 5%", "devDependencies": { diff --git a/src/OAP/Oap.Theme/webpack.config.js b/src/OAP/Oap.Theme/webpack.config.js index df45082..0d81cd8 100644 --- a/src/OAP/Oap.Theme/webpack.config.js +++ b/src/OAP/Oap.Theme/webpack.config.js @@ -26,4 +26,7 @@ module.exports = { new CssMinimizerPlugin(), ], }, + watchOptions: { + ignored: '**/node_modules', + }, }; diff --git a/src/OAP/Oap.Theme/wwwroot/site.css b/src/OAP/Oap.Theme/wwwroot/site.css index 905fdbc..bc52d27 100644 --- a/src/OAP/Oap.Theme/wwwroot/site.css +++ b/src/OAP/Oap.Theme/wwwroot/site.css @@ -480,6 +480,39 @@ video { --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } +.container { + width: 100%; +} +@media (min-width: 640px) { + + .container { + max-width: 640px; + } +} +@media (min-width: 768px) { + + .container { + max-width: 768px; + } +} +@media (min-width: 1024px) { + + .container { + max-width: 1024px; + } +} +@media (min-width: 1280px) { + + .container { + max-width: 1280px; + } +} +@media (min-width: 1536px) { + + .container { + max-width: 1536px; + } +} div.richtext a { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)); @@ -514,15 +547,125 @@ span.field-validation-error { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } +.relative { + position: relative; +} +.right-\[-px\] { + right: -px; +} +.z-50 { + z-index: 50; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } +.mb-6 { + margin-bottom: 1.5rem; +} +.flex { + display: flex; +} .table { display: table; } .hidden { display: none; } +.h-full { + height: 100%; +} +.min-h-full { + min-height: 100%; +} +.max-w-screen-md { + max-width: 768px; +} +.flex-row { + flex-direction: row; +} +.flex-col { + flex-direction: column; +} +.gap-x-4 { + column-gap: 1rem; +} +.whitespace-nowrap { + white-space: nowrap; +} +.border-\[1px\] { + border-width: 1px; +} +.border-b-2 { + border-bottom-width: 2px; +} +.border-solid { + border-style: solid; +} +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.border-gray-500 { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity)); +} +.border-r-white { + --tw-border-opacity: 1; + border-right-color: rgb(255 255 255 / var(--tw-border-opacity)); +} +.p-6 { + padding: 1.5rem; +} +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.pb-1 { + padding-bottom: 0.25rem; +} +.pr-2 { + padding-right: 0.5rem; +} +.pt-1 { + padding-top: 0.25rem; +} +.text-center { + text-align: center; +} +.text-right { + text-align: right; +} +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} +.font-bold { + font-weight: 700; +} +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} +.hover\:text-black:hover { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +}