diff options
| author | silverwind <me@silverwind.io> | 2024-03-24 17:42:49 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-24 17:42:49 +0100 |
| commit | 68ec9b48592fe88765bcc3a73093d43c98b315de (patch) | |
| tree | 793962a104d31d63d22ae3cfc7b4c9aff6b6f5f9 /templates/devtest | |
| parent | 4734d43e1422da04f9ff79ea0212f7e9472b55a1 (diff) | |
| download | gitea-68ec9b48592fe88765bcc3a73093d43c98b315de.tar.gz gitea-68ec9b48592fe88765bcc3a73093d43c98b315de.zip | |
Migrate margin and padding helpers to tailwind (#30043)
This will conclude the refactor of 1:1 class replacements to tailwind,
except `gt-hidden`. Commands ran:
```bash
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-0#tw-$1$2-0#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-1#tw-$1$2-0.5#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-2#tw-$1$2-1#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-3#tw-$1$2-2#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-4#tw-$1$2-4#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-5#tw-$1$2-8#g' {web_src/js,templates,routers,services}/**/*
```
Diffstat (limited to 'templates/devtest')
| -rw-r--r-- | templates/devtest/fetch-action.tmpl | 2 | ||||
| -rw-r--r-- | templates/devtest/flex-list.tmpl | 4 | ||||
| -rw-r--r-- | templates/devtest/gitea-ui.tmpl | 12 |
3 files changed, 9 insertions, 9 deletions
diff --git a/templates/devtest/fetch-action.tmpl b/templates/devtest/fetch-action.tmpl index 70844a8751..7b0bbba554 100644 --- a/templates/devtest/fetch-action.tmpl +++ b/templates/devtest/fetch-action.tmpl @@ -26,7 +26,7 @@ <div><button name="btn">submit post</button></div> </form> <form method="post" action="/no-such-uri" class="form-fetch-action"> - <div class="gt-py-5">bad action url</div> + <div class="tw-py-8">bad action url</div> <div><button name="btn">submit test</button></div> </form> </div> diff --git a/templates/devtest/flex-list.tmpl b/templates/devtest/flex-list.tmpl index fdb9eb6b39..d5678566d8 100644 --- a/templates/devtest/flex-list.tmpl +++ b/templates/devtest/flex-list.tmpl @@ -73,7 +73,7 @@ </div> <div class="flex-item-trailing"> <a class="muted" href="{{$.Link}}"> - <span class="flex-text-inline"><i class="color-icon gt-mr-3 tw-bg-blue"></i>Go</span> + <span class="flex-text-inline"><i class="color-icon tw-mr-2 tw-bg-blue"></i>Go</span> </a> <a class="text grey flex-text-inline" href="{{$.Link}}">{{svg "octicon-star" 16}}45000</a> <a class="text grey flex-text-inline" href="{{$.Link}}">{{svg "octicon-git-branch" 16}}1234</a> @@ -104,7 +104,7 @@ </div> <h1>If parent provides the padding/margin space:</h1> - <div class="tw-border tw-border-secondary gt-py-4"> + <div class="tw-border tw-border-secondary tw-py-4"> <div class="flex-list flex-space-fitted"> <div class="flex-item">item 1 (no padding top)</div> <div class="flex-item">item 2 (no padding bottom)</div> diff --git a/templates/devtest/gitea-ui.tmpl b/templates/devtest/gitea-ui.tmpl index 6341076323..76de4a93d7 100644 --- a/templates/devtest/gitea-ui.tmpl +++ b/templates/devtest/gitea-ui.tmpl @@ -67,10 +67,10 @@ </li> <li class="sample-group"> <h2>Inline / Plain:</h2> - <div class="gt-my-2"> - <button class="btn gt-p-3">Plain button</button> - <button class="btn interact-fg gt-p-3">Plain button with interact fg</button> - <button class="btn interact-bg gt-p-3">Plain button with interact bg</button> + <div class="tw-my-1"> + <button class="btn tw-p-2">Plain button</button> + <button class="btn interact-fg tw-p-2">Plain button with interact fg</button> + <button class="btn interact-bg tw-p-2">Plain button with interact bg</button> </div> </li> </ul> @@ -102,8 +102,8 @@ <div> <h1>Loading</h1> - <div class="is-loading small-loading-icon tw-border tw-border-secondary gt-py-2"><span>loading ...</span></div> - <div class="is-loading tw-border tw-border-secondary gt-py-4"> + <div class="is-loading small-loading-icon tw-border tw-border-secondary tw-py-1"><span>loading ...</span></div> + <div class="is-loading tw-border tw-border-secondary tw-py-4"> <p>loading ...</p> <p>loading ...</p> <p>loading ...</p> |